WO2015096660A1

WO2015096660A1 - Methods and devices for displaying a webpage

Info

Publication number: WO2015096660A1
Application number: PCT/CN2014/094272
Authority: WO
Inventors: Tao Tao
Original assignee: Tencent Technology (Shenzhen) Company Limited
Priority date: 2013-12-23
Filing date: 2014-12-18
Publication date: 2015-07-02
Also published as: TWI519980B; TW201525740A; CN104731817B; CN104731817A

Abstract

A terminal device may for displaying a webpage on the terminal device may be configured to open a current webpage of a series of webpages, wherein webpages in the series of webpages are connected one after another, and content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage. The processor is further directed to identify, from at least one link tag on the current webpage, a target tag linking to the next webpage; obtain a target URL link associated with the target tag and the next webpage; download content of the next webpage to a local storage medium of the terminal device; and display the content of the next webpage when receiving a request to open the next webpage.

Description

METHODS AND DEVICES FOR DISPLAYING A WEBPAGE

PRIORITY STATEMENT

This application claims the priority benefit of Chinese Patent Application No. 201310718142.7 filed on December 23, 2013, the disclosure of which is incorporated herein in its entirety by reference.

FIELD

The present disclosure generally relates to internet technologies. Specifically, the present disclosure relates to methods and an devices for displaying a webpage.

BACKGROUND

With development of the internet technology, webpage’s content becomes richer and richer. However, in practice, for certain reasons, the server of a webpage often sends the webpage to a terminal in paging mode, i.e., the server divides a content-based webpage into several webpages, and sends these webpages to the terminal separately in a plurality of times. For example, when the screen of a terminal is too small to display all the content of a webpage, the server will divide this content-based webpage into a plurality of webpages (i.e., a series of webpages) , and send the webpages to the terminal separately in a plurality of times in response to a corresponding number of requests from the terminal. In another example, when the network traffic and browser’s rendering speed are slow, which means it will take a relatively long time for the browser to open a webpage, the server will also divide the content-based webpage into a plurality of webpages (i.e., a series of webpages) , and send the webpages to the terminal in a plurality of times according to a corresponding number of requests from the terminal.

With the techniques described above, a terminal may receive from the server a plurality of pages of in a plurality of times to obtain the whole content of a content-based webpage. However, during this process, the terminal does not open the next page until receiving a user-input operation (e.g., the user finishes browsing one webpage and input a “next-page” operation) . As the server opens the webpage from the server only after receiving the user-input operation asking for the next webpage, the opening process often lasts a relatively long time due to the network condition. Thus it may be seen that the existing terminals display a webpage with low efficiency.

SUMMARY

The example embodiments of the present disclosure provide methods and devices for displaying a webpage, which may increase the efficiency of webpage displaying.

According to an aspect of the present disclosure, a terminal device may comprise a processor-readable storage medium storing a set of instructions for displaying a webpage on the terminal device； and a processor in communication with the storage medium. When executing the set of instructions the processor is directed to open a current webpage of a series of webpages, wherein webpages in the series of webpages are connected one after another, and content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage. The processor is further directed to identify, from at least one link tag on the current webpage, a target tag linking to the next webpage； obtain a target URL link associated with the target tag and the next webpage； download content of the next webpage to a local storage medium of the terminal device； and display the content of the next webpage when receiving a request to open the next webpage.

According to another aspect of the present disclosure, a method for displaying a webpage on a terminal device may comprise opening, by a terminal device, a current webpage of a series of webpages, wherein webpages in the series of webpages are connected one after another, and content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage. Additionally, the method may comprise identifying, by the terminal device from at least one link tag on the current webpage, a target tag linking to the next webpage； obtaining, by the terminal device, a target URL link associated with the target tag and the next webpage； downloading, by the terminal device, content of the next webpage to a local storage medium of the terminal device； and displaying, by the terminal device, the content of the next webpage when receiving a request to open the next webpage.

According to yet another aspect of the present disclosure, a non-transitory processor-readable storage medium may comprise a set of instructions for displaying a webpage on a terminal device. The set of instructions, when executed by a processor, directs the processor to perform functions of: opening a current webpage of a series of webpages, wherein webpages in the series of webpages are connected one after another, and content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage. Additionally, the set of instructions also directs the processor to perform functions of: identifying, from at least one link tag on the current webpage, a target tag linking to the next webpage； obtaining a target URL link associated with the target tag and the next webpage； downloading content of the next webpage to a local storage medium of the terminal device； and displaying the content of the next webpage when receiving a request to open the next webpage.

BRIEF DESCRIPTION OF THE DRAWINGS

The above and other features and advantages will become more apparent by describing in detail example embodiments thereof with reference to the attached drawings in which

Fig. 1 is a flow chart of a method for displaying a webpage according to an example embodiment of the present disclosure；

Fig. 2 is a flow chart of a method for displaying a webpage according to another example embodiment of the present disclosure；

Fig. 3 is a schematic diagram of a webpage interface according to an example embodiment of the present disclosure；

Fig. 4-Fig. 7 illustrate an application example for implementing the methods in a terminal according to an example embodiment of the present disclosure；

Fig. 8 is a schematic structural diagram of an device for displaying a webpage according to an example embodiment of the present disclosure；

Fig. 9 is a schematic structural diagram of an device for displaying a webpage according to another example embodiment of the present disclosure； and

Fig. 10 illustrates a structural diagram of an terminal according to the example embodiments of the present disclosure.

DETAILED DESCRIPTION

The technical solutions in the example embodiments of the present disclosure are clearly and completely described in the following with reference to the accompanying drawings in the example embodiments of the present disclosure. Apparently, the example embodiments to be described are merely a part rather than all of the example embodiments of the present disclosure. All other example embodiments obtained by persons of ordinary skill in the art based on the example embodiments of the present disclosure without creative efforts shall fall within the protection scope of the present disclosure.

Fig. 10 illustrates a structural diagram of an terminal according to the example embodiments of the present disclosure. The terminal may be implemented as systems and/or to operate methods disclosed in the present disclosure.

The terminal may include an RF (Radio Frequency) circuit 1110, one or more than one memory unit (s) 1120 of computer-readable memory media, an input unit 1130, a display unit 1140, a sensor 1150, an audio circuit 1160, a WiFi (wireless fidelity) module 1170, at least one processor 1180, and a power supply 1190. Those of ordinary skill in the art may understand that the structure of the terminal shown in Fig. 10 does not constitute restrictions on the terminal. Compared with what may be shown in the figure, more or fewer components may be included, or certain components may be combined, or components may be arranged differently.

The RF circuit 1110 may be configured to receive and transmit signals during the course of receiving and transmitting information and/or phone conversation. Specifically, after the RF circuit 1110 receives downlink information from a base station, it may hand off the downlink information to the processor 1180 for processing. Additionally, the RF circuit 1110 may transmit uplink data to the base station. Generally, the RF circuit 1110 may include, but may be not limited to, an antenna, at least one amplifier, a tuner, one or multiple oscillators, a subscriber identification module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier) , and a duplexer. The RF circuit 1110 may also communicate with a network and/or other devices via wireless communication. The wireless communication may use any communication standards or protocols available or one of ordinary skill in the art may perceive at the time of the present disclosure. For example, the wireless communication may include, but not limited to, GSM (Global System of Mobile communication) , GPRS (General Packet Radio Service) , CDMA (Code Division Multiple Access) , WCDMA (Wideband Code Division Multiple Access) , LTE (Long Term Evolution) , email, and SMS (Short Messaging Service) .

The memory unit 1120 may be configured to store software programs and/or modules. The software programs and/or modules may be sets of instructions to be executed by the processor 1180. The processor 1180 may execute various functional applications and data processing by running the software programs and modules stored in the memory unit 1120. The memory unit 1120 may include a program memory area and a data memory area, wherein the program memory area may store the operating system and at least one functionally required application program (such as the audio playback function and image playback function) ； the data memory area may store data (such as audio data and phone book) created according to the use of the terminal. Moreover, the memory unit 1120 may include high-speed random-access memory and may further include non-volatile memory, such as at least one disk memory device, flash device, or other volatile solid-state memory devices. Accordingly, the memory unit 1120 may further include a memory controller to provide the processor 1180 and the input unit 1130 with access to the memory unit 1120.

The input unit 1130 may be configured to receive information, such as numbers or characters, and create input of signals from keyboards, touch screens, mice, joysticks, optical or track balls, which are related to user configuration and function control. Specifically, the input unit 1130 may include a touch-sensitive surface 1131 and other input devices 1132. The touch-sensitive surface 1131, also called a touch screen or a touch pad, may collect touch operations by a user on or close to it (e.g., touch operations on the touch-sensitive surface 1131 or close to the touch-sensitive surface 1131 by the user using a finger, a stylus, and/or any other appropriate object or attachment) and drive corresponding connecting devices according to preset programs. The touch-sensitive surface 1131 may include two portions, a touch detection device and a touch controller. The touch detection device may be configured to detect the touch location by the user and detect the signal brought by the touch operation, and then transmit the signal to the touch controller. The touch controller may be configured to receive the touch information from the touch detection device, convert the touch information into touch point coordinates information of the place where the touch screen may be contacted, and then send the touch point coordinates information to the processor 1180. The touch controller may also receive commands sent by the processor 1180 for execution. Moreover, the touch-sensitive surface 1131 may be realized by adopting multiple types of touch-sensitive surfaces, such as resistive, capacitive, infrared, and/or surface acoustic sound wave surfaces. Besides the touch-sensitive surface 1131, the input unit 1130 may further include other input devices 1132, such as the input devices 1132 may also include, but not limited to, one or multiple types of physical keyboards, functional keys (for example, volume control buttons and switch buttons) , trackballs, mice, and/or joysticks.

The display unit 1140 may be configured to display information input by the user, provided to the user, and various graphical user interfaces on the terminal. These graphical user interfaces may be composed of graphics, texts, icons, videos, and/or combinations thereof. The display unit 1140 may include a display panel 1141. The display panel 1141 may be in a form of an LCD (Liquid Crystal Display) , an OLED (Organic Light-Emitting Diode) , or any other form available at the time of the present disclosure or one of ordinary skill in the art would have perceived at the time of the present disclosure. Furthermore, the touch-sensitive surface 1131 may cover the display panel 1141. After the touch-sensitive surface 1131 detects touch operations on it or nearby, it may transmit signals of the touch operations to the processor 1180 to determine the type of the touch event. Afterwards, according to the type of the touch event, the processor 1180 may provide corresponding visual output on the display panel 1141. In Fig. 10, the touch-sensitive surface 1131 and the display panel 1141 realize the input and output functions as two independent components. Alternatively, the touch-sensitive surface 1131 and the display panel 1141 may be integrated to realize the input and output functions.

The terminal may further include at least one type of sensor 1150, for example, an optical sensor, a motion sensor, and other sensors. An optical sensor may include an environmental optical sensor and a proximity sensor, wherein the environmental optical sensor may adjust the brightness of the display panel 1141 according to the brightness of the environment, and the proximity sensor may turn off the display panel 1141 and/or back light when the terminal may be moved close an ear of the user. As a type of motion sensor, a gravity acceleration sensor may detect the magnitude of acceleration in various directions (normally three axes) and may detect the magnitude of gravity and direction when it may be stationary. The gravity acceleration sensor may be used in applications of recognizing the attitude of the terminal (e.g., switching screen orientation, related games, and magnetometer calibration) and functions related to vibration recognition (e.g., pedometers and tapping) ； the terminal may also be configured with a gyroscope, barometer, hygrometer, thermometer, infrared sensor, and other sensors.

An audio circuit 1160, a speaker 1161, and a microphone 1162 may provide audio interfaces between the user and the terminal. The audio circuit 1160 may transmit the electric signals, which are converted from the received audio data, to the speaker 1161, and the speaker 1161 may convert them into the output of sound signals； on the other hand, the microphone 1162 may convert the collected sound signals into electric signals, which may be converted into audio data after they are received by the audio circuit 1160； after the audio data may be output to the processor 1180 for processing, it may be transmitted via the RF circuit 1110 to, for example, another terminal； or the audio data may be output to the memory unit 1120 for further processing. The audio circuit 1160 may further include an earplug jack to provide communication between earplugs and the terminal.

WiFi may be a short-distance wireless transmission technology. Via the WiFi module 1170, the terminal may help users receive and send emails, browse web pages, and visit streaming media. The WiFi module 1170 may provide the user with wireless broadband Internet access.

The processor 1180 may be the control center of the terminal. The processor 1180 may connect to various parts of the entire terminal utilizing various interfaces and circuits. The processor 1180 may conduct overall monitoring of the terminal by running or executing the software programs and/or modules stored in the memory unit 1120, calling the data stored in the memory unit 1120, and executing various functions and processing data of the terminal. The processor 1180 may include one or multiple processing core (s) . The processor 1180 may integrate an application processor and a modem processor, wherein the application processor may process the operating system, user interface, and application programs, and the modem processor may process wireless communication.

The terminal may further include a power supply 1190 (for example a battery) , which supplies power to various components. The power supply may be logically connected to the processor 1180 via a power management system so that charging, discharging, power consumption management, and other functions may be realized via the power management system. The power supply 1190 may further include one or more than one DC or AC power supply, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and other random components. Further, the terminal 1100 may also include a camera, Bluetooth module, etc., which are not shown in Fig. 10.

Fig. 1 is a flow chart of a method for displaying a webpage according to an example embodiment of the present disclosure. The method may be implemented by the terminal 1100, i.e., the method may be stored in the memory 1120 as a set of instructions (e.g., program) , which may be executed by the processor 1180 to perform functions and/or actions in the method. The method may comprise the following steps:

S101, determining whether a link tag in a current webpage includes a target tag, wherein the target tag (e.g., a link and/or a button that links to a webpage) is configured to link the current webpage to a next webpage. If yes, go to step S102； if not, the process ends； wherein, the link tag is a tag used to link to a webpage, and content of the next webpage semantically follows and/or continues content of the current webpage and continues a story, analysis, and/or discussion of the content of the current webpage.

In S101, the current webpage may be displayed. Wherein, the current webpage may be one page of a content-based webpage which is divided into a plurality of pages (i.e., a series of webpages) . A content-based webpage refers to a webpage that contains large amount of content that the server of the webpage places the content into a plurality of pages, i.e. the content-based webpage refers to the webpage that the server needs to divide into several webpages. For example, a content-based webpage may be displayed on a big-size screen of a terminal (such as a computer) within a page, however, when it comes to a small-size screen of a terminal (such as a mobile phone) , it may need several pages to display all the content of the content-based webpage. Besides, the current webpage may also be an ordinary webpage, which doesn’ t need to be divided.

The link tag may further be a tag that link to a webpage when being clicked, i.e., webpages in the series of webpages are connected one after another by link tags thereon. For example, the link tag may include an “a” tag and/or button tag. When either of these two tags is clicked, the browser will go to another webpage, wherein, the “a tag” and button tag are technical terms used in the field of webpage and well known in the art, so no more description will be provided here. In addition, the target tag for linking to the next webpage may be the tag that links to the next webpage when being clicked on.

When the current webpage is a webpage which is part of a content-based webpage, the next webpage is the next webpage of the current webpage, which is also part of this content-based webpage. For example, if the current webpage is the first page of a content-based webpage, then the next webpage is the second page of the content-based webpage. If the current webpage is an ordinary webpage, the next webpage may be the next webpage of the current webpage. For example, if the current webpage is a webpage corresponding to the 10th chapter of a novel, then the next webpage is the webpage corresponding to the 11th chapter of the novel.

S102, obtaining information of a target URL (Uniform Resource Locator) link which corresponds to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage.

In this step, the terminal identifies a link tag linking the current webpage to a next webpage as the target tag, wherein the target tag is associated with the target URL link and the target URL link satisfies the similarity criterion with respect to the URL link information of the current webpage. Here, satisfying a similarity criterion may mean that the two pieces of link information have the same domain name, the same path, and at least one same query parameter in the URL. The query parameter may be a parameter in the URL that defines the query. For example, if a query is XYZ and the corresponding search URL is http: //server/path/document？name1＝value1&name2＝value2, the query parameter may be the string “name1＝value1&name2＝value2” appears in the URL.

The URL link information may be a URL address. Wherein, the domain name, path and query parameter are parameters contained in the URL link information. Since the target URL link information satisfies the similarity criterion with respect to the URL link information of the current webpage, i.e. the domain name of the target URL link information is the same as that of the URL link information of the current webpage, the path of the target URL link information is the same as that of the URL link information of the current webpage, and at least one query parameter of the target URL link information is the same as that of the URL link information of the current webpage. Then, it may be determined that the next webpage and the current webpage have the same theme or belong to a same content-based webpage. In addition, besides the target URL link information, the link information corresponding to the target tag may also include other link information, such as the link information of an advertisement, or the link information of a distracter (e.g., independent information unrelated to the main content of the webpage) . But neither the link information of an advertisement nor the link information of a distracter may satisfy the similarity criterion with respect to the URL link information of the current webpage. So the step S102 may eliminate the other link information except the target URL link information, so as to save power and save network resource (e.g., data flow consumed by the terminal) .

S103, downloading to a local storage the content of a webpage associated with the target URL link information.

In this step, the terminal may send the target URL link information to a server in background, and then receive the content of the webpage associated with the target URL link information, and save the content to a local cache.

S104, when receiving a request to link to the next webpage, obtaining from the local storage the content of the webpage associated with the target URL link information, and displaying the content of the webpage associated with the target URL link information.

The above steps may realize that before receiving the request for the link to the next webpage, download the content of the next webpage to the local storage, that is to say download the content of the next webpage when the user is still browsing the current page, so when receiving the request for the link to the next webpage, the terminal may obtain the content from the local storage directly and doesn’t need to download it from the server, so as to increase the efficiency of webpage displaying. More specifically, the request to link to the next webpage may be a request generated by clicking on the target tag, such as a request inputted as the consequence of a user clicking on the target tag.

The above method may be applied to any device that has the ability to communicate and to display a webpage, i.e. any device that may perform the above-mentioned method. For example, a tablet, a mobile phone, an e-reader, a remote control, a PC (Personal Computer) , a laptop, a vehicle equipment, a web TV, a wearable device or other intelligent device that may connect to a network.

In the above technical solution, determine if the target tag used for linking to the next webpage is in the link tags in the current webpage； if yes, obtain the target URL link information which corresponds to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage； download to a local storage the content of the webpage associated with the target URL link information； when receiving the request to link to the next webpage, obtain from the local storage the content of the webpage associated with the target URL link information, and display the content of the webpage associated with the target URL link information. In this way, it may be realized that before receiving the request for the link to the next webpage, download the content of the next webpage to a local storage, so when receiving the request for the link to the next webpage, the terminal may obtain the content from the local storage directly, so as to increase the efficiency of webpage displaying.

Fig. 2 is a flow chart of a method for displaying a webpage according to another example embodiment of the present disclosure. The method may be implemented by the terminal 1100, i.e., the method may be stored in the memory 1120 as a set of instructions (e.g., program) , which may be executed by the processor 1180 to perform functions and/or actions in the method. The method may comprise the following steps:

S201, determining whether a link tag in a current webpage includes a target tag including a keyword indicating that the target tag is a link to a next webpage, if yes, go to step S202； if not, go to S203.

The keyword may be set in advance. Then, based on the preset keyword, step S201 may determine if a tag, which has the keyword indicating it is the link to the next webpage, is in the link tags in the current webpage. In addition, the keyword includes but is not limited to the following words: next page, following page, next chapter, following chapter, next section, following section, and the rest of full-text, etc. The example embodiments of the present disclosure do not make a limitation for it.

S202, taking the tag as the target tag for linking to the next webpage.

Step 202 takes the target tag which is selected at step S201 as the target that is used to link to the next webpage.

S203, taking a link tag that satisfies a preset criterion as the target tag for linking to the next webpage.

The preset criterion may include: attribute of the href (Hypertext Reference) of the target tag is an inactive-link attribute, a script for an on click event of the target is javascript, the height of the target tag is the same as that of at least one link tag, and out of the tags of the father node and brother nodes of the target link only one of them contains two or more numbers. That is to say, the href attribute of the target tag selected in step S203 is inactive-link attribute, the script of on click event of this target tag is javascript, the height of this target tag is the same as that of at least one link tag, and only one of the tags of the father nodes and brother nodes of this target tag contains two or more numbers. In addition, the href attribute is inactive-link attribute may mean the href attribute is javascript: (0) or javascript: : or # etc. Wherein, javascript: (0) or javascript: : or # are defined by network technology agreement. The only one of the tags of the father nodes and brother nodes contains two or more numbers may mean only one of the tags of the father nodes and brother nodes of this target tag contains two or more numbers, i.e. the tag may only comprise two or more numbers. In addition, the father nodes may be the father nodes in three layers, and the brother nodes may be the brother nodes in three layers.

Step S203 may comprise:

a) in the current page, obtaining the link tags whose href attribute is the inactive-link attribute and on click event is JavaScript, taking these tags as first candidate tags；

b) obtaining at least one set of second candidate tags from the first candidate tags, wherein the second candidate tags comprise at least two of the first candidate tags that have the same height；

c) selecting target second candidate tags from the set of second candidate tags, and taking the tag which is at a specific position as the target tag, wherein, only one of the tags of the father nodes and brother nodes of the target second candidate tag contains two or more numbers.

In the present disclosure, the second candidate tags may be at least two tags that have the same height, the height may be the height of the position where the tag locates in the webpage. In this way, step a) and step b) may pick out at least a set of second candidate tags whose height are the same, href attribute is inactive-link attribute, and on click event is JavaScript. And step c) may pick out the target second candidate tags from at least a set of second candidate tag and takes the tag which is at a specific position as the target tag, wherein, the specific position may be a preset position, for example, the specific position may be on the right side, i.e. select from the target second candidate tags and take a tag whose position is on the right side as the target tag. In addition, step c) may be selecting, from at least a set of second candidate tags, a second candidate tag only one of the tags of whose father nodes and brother nodes contains two or more numbers, and taking the second candidate tag only one of the tags of whose father nodes and brother nodes contains two or more numbers as the target second candidate tag. As in practices, in the tags of the father nodes or brother nodes of the tag used to link to the next page, there is always a tag indicating the page number of the current webpage. For example, the current webpage is the first page of a content-based webpage, if the content-based webpage is divided into 7 pages, then among the tags of the father nodes and brother nodes of the tag used to link to the next webpage, there may be a tag that indicates the current page is the first page of the 7 pages of the content-based webpage, for example, a tag like 1/7, which comprises two numbers i.e. 1 and 7. As shown in Fig. 3, the webpage shown in Fig. 3 is the current page, 301 and 302 are respectively the tags indicating to go to the previous page and the next page. 303 is the tag, i.e. the one of the tags of the father nodes and brother nodes that contains two or more numbers. In this case, the above steps will select the tag 302 as the target tag.

From the above, it may be seen that the above-mentioned target tag may be obtained based on the link tag’s attribute, position, the characteristic of the father nodes and brother nodes.

The preset criterion may also comprise that the HTML in the href attribute is integer, the height is the same as that of at least one link tag, and only one of the tags of the father nodes contains two or more numbers.

For example, the HTML in the href attribute of the target tag selected in step S203 is integer, and the height of this target tag is the same as that of at least a link tag, and only one of the tags of the father nodes of this target tag contains two or more numbers. In addition, the father nodes may be the father nodes in two layers.

Step S203 may further comprise:

d) obtaining the link tags whose HTML in the href attribute is integer, taking these tags as first candidate tags；

e) obtaining at least a set of second candidate tags from the first candidate tags, wherein the second candidate tags comprises at least two of the first candidate tags that have the same height；

f) selecting target second candidate tags from at least a set of second candidate tags, and taking the tag which is at a specific position as the target tag, wherein, only one of the tags of the father nodes and brother nodes of the target second candidate tag contains two or more numbers.

In the present disclosure, the second candidate tags may be at least two tags that have the same height, the height may be the height of the position where the tag locates in the webpage. In this way, step d) and step e) may pick out at least a set of second candidate tags whose height are the same and the HTML in the href is integer. Step f) may pick out the target second candidate tags from at least a set of second candidate tag, and takes the tag which is at a specific position as the target tag, wherein, the specific position may be a preset position, for example, the specific position may be on the right side, i.e. select from the target second candidate tags and take a tag whose position is on the right side as the target tag.

The target tag may be obtained based on the link tag’s attribute, position, and the characteristic father nodes.

S204, obtaining target URL link information which corresponds to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage.

The satisfying of a similarity criterion may mean that the two pieces of link information have the same domain name, the same path, and at least one same query parameter.

Step S204 may further comprise: obtaining a target URL link information which is included in the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage. That is to say, the target tag contains the target URL link information, so step S204 may obtain the target URL link information directly from the content of the target tag.

Step S204 may further comprise: executing the target tag including JavaScript executive function, obtaining a link information generated from executing the JavaScript executive function, and stopping executing the JavaScript executive function once the link information is obtained； obtaining from the obtained link information the target URL link information which satisfies the similarity criterion with respect to the URL link information of the current page.

The target tag includes the JavaScript executive function. Wherein the JavaScript executive function is well known in the field of webpage technology, so no more description will be provided here. Step S204 takes the initiative to execute the JavaScript executive function, and may get the link information during execution. In step S204, once the link information is obtained, the terminal may stop executing the JavaScript executive function, and obtain the target URL link information from the obtained URL link information. For example, when performing step 204, the terminal may open the web request monitor to monitor Ajax request. When step S204 performs the JavaScript executive function, the result of the executing the function will be monitored, i.e. may obtain the link information produced by executing the JavaScript executive function in time, once the link information is obtained, it may stop execute the JavaScript executive function. Wherein, the Ajax request is well known in the field of webpage technology, so no more description will be provided here.

Based on the target tag including JavaScript executive function, through the above steps, the target URL link information may be obtained.

S205, downloading to a local storage the content of a webpage associated with the target URL link information；

S206, when receiving a request to link to the next webpage, obtaining from the local storage the content of the webpage associated with the target URL link information, and displaying the content of the webpage associated with the target URL link information.

Here, after step S204 and before step S205, the method may further comprise: changing an image of the target tag to show to the user that the content of the next webpage is already downloaded to local storage.

In the example embodiment of the above technical solution, select the target tag based on the keyword first, if no tag matches the keyword, then select the target tag based on the preset criterion. This method may select a target tag in different ways, and may increase the efficiency of webpage displaying.

Figs 1-7 illustrate an application example for implementing the above methods in a terminal.

S401, a terminal displaying a webpage through a browser, i.e. a user is browsing a webpage；

S402, the terminal starts a pre-read recognition function in the background of the browser.

S403, determining if there is a pre-read keyword in the webpage, if yes, go to step S405, if not, go to step S404； wherein, the pre-read keyword may be the keyword described in the above example embodiments；

S404, determining if it is the pre-read tag, if yes, go to step S405, if not, process ends；

S405, obtaining related link information, i.e. obtain the link information corresponding to the keyword or the pre-read tag； the related link information may be information of similarities between links. the target URL link information associated with the pre-read keyword and/or the pre-read tag as described in the above example embodiments, and the pre-read tag may be the target tag in the above example embodiments.

S406, downloading content of the webpage corresponding to the link information；

S407, adding the downloaded content to a webpage browsing controller；

S408, the webpage browsing controller displays the content of the webpage, i.e. the user browsers the content of the webpage by the webpage browsing controller.

As shown in Fig. 5, the step S403 may comprise:

S501, obtaining all the “a tags” and/or button tags in the webpage；

S502, determining if any a tag or button tag contains the pre-read keyword, if yes, go to step S503, if not, process ends；

S503, obtaining the link information of the tag that contains the pre-read keyword；

S504, determining if the tag’s link information is the URL link information, if yes, go to step S5010, if not, go to step S505；

S505, determining if the tag’s link information is the URL link information JavaScript executive function, if yes, go to step S506, if not, process ends；

S506, monitoring web requests and monitoring Ajax request；

S507, actively executing the JavaScript executive function；

S508, obtaining the request for executing JavaScript executive function, and cancelling the request；

S509, obtaining the address of the request for executing JavaScript executive function, i.e. URL link information；

S5010, calculating the similarity between the obtained URL link information and the current link；

S5011, determining if the obtained URL link information satisfies a similarity criterion with respect to the current link, if yes, go to step S5012, if not, process ends.

S5012, determining if the obtained URL link information is a valid pre-read address.

As shown in Fig. 6, the step S404 may comprise:

S601, obtaining all the a tags or button tags in the webpage；

S602, storing the a tags and/or button tags whose href attribute is javascript: (0) or javascript: : or #, and the script of on click event is JavaScript；

S603, choosing the a tags or button tags that only two of which have the same height, traversing the father nodes and brother nodes of the tag through three layers；

S607, determining if the father nodes and brother nodes satisfy a number-criterion strategy, if yes, go to step S608, if not, process ends； wherein, the number-criterion strategy means only one of the nodes that has the tag containing more than 2 numbers.

S608, executing the JavaScript executive function of the tag on the right side of the a tags or button tags that only two of which have the same height；

S609, monitoring web requests and monitoring Ajax request；

S6010, actively executing a request for the JavaScript executive function, i.e., the URL link information；

S6011, obtaining the request for executing the JavaScript executive function, and cancelling the request；

S6012, obtaining the address of the request for executing JavaScript executive function, i.e. URL link information；

S6013, calculating the similarity between the obtained URL link information and the current link；

S6014, determining if the obtained URL link information satisfies a similarity criterion with respect to the current link, if yes, go to step S6015, if not, process ends；

S6015, determining if the obtained URL link information is a valid pre-read address.

As shown in Fig. 6, the step S404 may comprise:

S601, obtaining all the a tags and/or button tags in the webpage；

S604, storing the tags whose innerHTML is integer, wherein the innerHTML is an attribute of the HTML allowing a developer to edit values inside the HTML tag；

S605, searching the father nodes in two layers and storing the tags that have the same height and are arranged in order；

S606, storing the a tags or buttons tags that have the same height, and traversing the father nodes and brother nodes of these tags in three layers；

S607, determining if the father nodes and brother nodes satisfy a number-criterion strategy, if yes, go to step S608, if not, process ends； wherein, the number-criterion strategy means only one of the nodes that has a tag containing two or more numbers.

S609, monitoring web requests and monitoring Ajax request；

S6010, executing actively the address information of the request for a JavaScript executive function, i.e. the URL link information；

As shown in Fig. 7, step S407 may further comprise:

S701, finishing opening a pre-read page；

S702, saving the pre-read page to a page-controlling cache；

S703, updating the forwarding icon on the browser and highlighting or shadowing the pre-read tag.

S704, when a user clicks on the forwarding icon or the pre-read icon, displaying the pre-read page and hiding the current page. Wherein, in the example embodiments of the present disclosure, the term webpage equals to the term page, i.e. the term webpage and the term page are the same.

Example embodiments of the devices of the present disclosure are going to be provided hereinafter. The example embodiments are used to perform the methods describe in the above example embodiments. For the convenience of illustrating the technical solution, only the description that relates to the example embodiments of the devices will be given, as to the technical details which are not introduced in the ensuing paragraphs, please see the description of the first and second example embodiments of the present disclosure.

Fig. 8 is a schematic structural diagram of an device for displaying a webpage according to an example embodiment of the present disclosure. As shown in Fig. 8, the device may be the terminal 1100 and may comprise: a determining module 81, an obtaining module 82, a downloading module 83, and a displaying module 84, wherein:

The determining module 81 is configured to determine if a target tag configured to link to the next webpage is in the link tags in the current webpage, wherein the link tag is a tag used to link to a webpage, the content of the next webpage follows the content of the current webpage and continues from the content of the current webpage；

When the judging result of the determining module 81 is yes, the obtaining module 82 is configured to, obtain a target URL link information which corresponds to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage；

The satisfying a similarity criterion may mean that the two pieces of link information have the same domain name, the same path, and at least one same query parameter；

The downloading module 83 is configured to download to a local storage the content of a webpage associated with the target URL link information obtained by the obtaining module 83；

When receiving a request to link to the next webpage, the displaying module 84 is configured to obtain from the local storage the content of the webpage downloaded by the downloading module, and displaying the content of the webpage.

Here, the link tag may include a tag and/or button tag.

Also, as shown in Fig. 9, a schematic structural diagram of an device for displaying a webpage, the determining module 81 may comprise:

a first determining unit 811, configured to determine if a tag that has a keyword indicating it is the link to the next webpage is in the link tags in the current webpage；

a first nominating unit 812, configured to, when the judging result of the first determining unit 811 is yes, take the tag as the target tag for linking to the next webpage；

a second nominating unit 813, configured to, when the judging result of the first determining unit 811 is no, take a link tag that satisfies a preset criterion as the target tag for linking to the next webpage.

Here, the obtaining module 82 may be configured to obtain the target URL link information that corresponding to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage when the judging result of the second nominating unit 813 is yes or the nominating unit 812 takes the target tag as the target tag used to link to link to the next webpage.

Here, the preset criterion may comprise: the href attribute is inactive-link attribute, the script of on click event is javascript, the height is the same as that of at least one link tag, and only one of the tags of the father nodes and brother nodes contains two or more numbers.

The second nominating unit 813 may comprise:

a first obtaining subunit (not shown) , configured to obtain the link tags whose href attribute is inactive-link attribute and on click event is JavaScript, taking these tags as first candidate tags；

a second obtaining subunit (not shown) , configured to obtain at least a set of second candidate tags from the first candidate tags, wherein the second candidate tags comprises at least two of the first candidate tags that have the same height；

a first nominating subunit (not shown) , configured to select target second candidate tags from at least a set of second candidate tags, and taking the tag which is at a specific position as the target tag, wherein, only one of the tags of the father nodes and brother nodes of the target second candidate tag contains two or more numbers.

Based on the link tag’s attribute, position, father nodes and brother nodes, the target tag may be obtained.

The preset criterion may further comprise: the HTML in the href attribute is integer, the height is the same as that of at least one link tag, and only one of the tags of the father nodes contains two or more numbers.

The second nominating unit 813 may comprise:

a third obtaining subunit (not shown) , configured to obtain the link tags whose HTML in the href attribute is integer, taking these tags as first candidate tags；

a fourth obtaining subunit (not shown) , configured to obtain at least a set of second candidate tags from the first candidate tags, wherein the second candidate tags comprise at least two of the first candidate tags that have the same height；

a second nominating subunit (not shown) , configured to select target second candidate tags from at least a set of second candidate tags, and taking the tag which is at a specific position as the target tag, wherein, only one of the tags of the father nodes and brother nodes of the target second candidate tag contains two or more numbers.

Based on the link tag’s attribute, position, father nodes and brother nodes, the target tag may be picked out.

The obtaining module 82 may also be configured to obtain target URL link information which is included in the target tag and satisfies a similarity criterion with respect to the URL link information of the present webpage.

The obtaining module 82 may also be configured to execute the target tag including JavaScript executive function, obtaining the link information generated from executing the JavaScript executive function, and stopping executing the JavaScript executive function once the link information is obtained； and obtaining from the obtained link information the target URL link information which satisfies the similarity criterion with respect to the URL link information of the current page.

In the above technical solutions, determine if the target tag for linking to the next webpage is in the link tags in the current webpage； if yes, obtain the target URL link information which corresponds to the target tag and satisfies a similarity criterion with respect to the URL link information of the current webpage； download to a local storage the content of the webpage associated with the target URL link information； when receiving the request to link to the next webpage, obtain from the local storage the content of the webpage associated with the target URL link information, and display the content of the webpage associated with the target URL link information. In this way, the method and device of the present disclosure may download the content of the next webpage to the local storage before receiving the request for the next webpage, and may retrieve the content of the webpage from the local storage directly when receiving the request for the next page, thereby to increase the terminal’s efficiency of displaying a webpage.

One skilled in the art may understand that all or part of the steps of the foregoing method example embodiments may be implemented by a program instructing relevant hardware. The foregoing program may be stored in a computer readable storage medium. When the program is run, the steps of the foregoing method example embodiments are performed. The foregoing storage medium may be any medium capable of storing program codes, such as a ROM, a RAM, a magnetic disk, or an optical disk.

The foregoing descriptions are merely specific example embodiments of the present disclosure, but are not intended to limit the protection scope of the present disclosure. Any variation or replacement readily figured out by persons skilled in the art within the technical scope disclosed in the present disclosure shall all fall within the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims

A terminal device, comprising:

a processor-readable storage medium storing a set of instructions for displaying a webpage on the terminal device； and

a processor in communication with the storage medium, wherein when executing the set of instructions the processor is directed to:

open a current webpage of a series of webpages, wherein

webpages in the series of webpages are connected one after another, and

content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage；

identify, from at least one link tag on the current webpage, a target tag linking to the next webpage；

obtain a target URL link associated with the target tag and the next webpage；

download content of the next webpage to a local storage medium of the terminal device； and

display the content of the next webpage when receiving a request to open the next webpage.
The terminal device of claim 1, wherein the target tag comprises a keyword indicating the target tag links the current webpage to the next webpage.
The terminal device of claim 1, wherein the target tag satisfies a preset criterion comprising at least one of:

a href attribute of the target tag is an inactive-link attribute,

a script of an on click event of the link tag is JavaScript,

a height of the target link is the same as that of at least one other link tag on the current webpage, and

the target tag is associated with at least one of a father node comprising at least one link tag and a brother node comprising at least one link tag, and only one link tag of the at least one link tag comprises two or more numbers.
The terminal device of in claim 1, wherein the target tag satisfies a preset criterion comprising at least one of:

a HTML in a href attribute of the target tag is an integer,

a height of the target tag is the same as that of at least one other link tag on the current webpage, and

the target tag is associated with at least one of a father node comprising at least one link tag and a brother node comprising at least one link tag, and only one link tag of the at least one link tag comprises two or more numbers.
The terminal device of claim 1, wherein to obtain the target URL link the processor is further directed to:

obtain at least one URL link that is associated with the target tag； and

select a URL link from the at least one URL link that comprises at least one of a same domain name, asame path, and at least one same query parameter with a URL of the current webpage.
The terminal device of claim 1, wherein to obtain the target URL link the processor is further directed to:

execute a JavaScript executive function included in the target tag；

obtain link information generated from the execution of the JavaScript executive function； and

obtain from the obtained link information a piece of URL link information that comprises at least one of a same domain name, a same path, and at least one same query parameter with a URL of the current webpage.
The terminal device of claims 1, wherein the link tag comprises at least one of a tag and a button tag.
A method for displaying a webpage on a terminal device, comprising:

opening, by a terminal device, a current webpage of a series of webpages, wherein

webpages in the series of webpages are connected one after another, and

content of a webpage in the series of webpages next to the current webpage semantically continues content of the current webpage；

identifying, by the terminal device from at least one link tag on the current webpage, a target tag linking to the next webpage；

obtaining, by the terminal device, a target URL link associated with the target tag and the next webpage；

downloading, by the terminal device, content of the next webpage to a local storage medium of the terminal device； and

displaying, by the terminal device, the content of the next webpage when receiving a request to open the next webpage.
The method of claim 8, wherein the target tag comprises a keyword indicating the target tag links the current webpage to the next webpage.
The method of claim 8, wherein the target tag satisfies a preset criterion comprising at least one of:

a href attribute of the target tag is an inactive-link attribute,

a script of an on click event of the link tag is JavaScript,

a height of the target link is the same as that of at least one other link tag on the current webpage, and

the target tag is associated with at least one of a father node comprising at least one link tag and a brother node comprising at least one link tag, and only one link tag of the at least one link tag comprises two or more numbers.
The method of in claim 8, wherein the target tag satisfies a preset criterion comprising at least one of:

a HTML in a href attribute of the target tag is an integer,

a height of the target tag is the same as that of at least one other link tag on the current webpage, and

the target tag is associated with at least one of a father node comprising at least one link tag and a brother node comprising at least one link tag, and only one link tag of the at least one link tag comprises two or more numbers.
The method of claim 8, wherein the obtaining of the target URL link comprises:

obtaining at least one URL link that is associated with the target tag； and

selecting a URL link from the at least one URL link that comprises at least one of a same domain name, asame path, and at least one same query parameter with a URL of the current webpage.
The method of claim 8, wherein the obtaining of the target URL link information comprises:

executing a JavaScript executive function included in the target tag；

obtaining link information generated from the execution of the JavaScript executive function； and

obtaining from the obtained link information a piece of URL link information that comprises at least one of a same domain name, a same path, and at least one same query parameter with a URL of the current webpage.
The method of claims 8, wherein the link tag comprises at least one of a tag and a button tag.