Term " first ", " second ", " the 3rd " " in description and claims of this specification and above-mentioned accompanying drawingFour " etc. (if present) is the object for distinguishing similar, without for describing specific order or precedence.Should manageThe data that solution is so used can be exchanged in the appropriate case, so that embodiments of the invention described herein for example can be removingOrder beyond those for illustrating here or describing is implemented.Additionally, term " comprising " and " having " and theirs is anyDeformation, it is intended that cover including not exclusively, for example, contain process, method, system, the product of series of steps or unitProduct or equipment are not necessarily limited to those steps clearly listed or unit, but may include clearly not list or for thisA little other intrinsic steps of process, method, product or equipment or unit.
The embodiment of the present invention provides a kind of web page display method, mainly can apply to terminal device, method flow such as Fig. 1Shown, method includes：
Step 101, terminal device application program by the first web displaying after terminal device, terminal device obtains theContent information included by a certain interface of one webpage.Wherein a certain interface can be the boundary that terminal device currently has shown thatFace, or terminal device is according to the user interface to be shown to the operation of the first webpage, and the content letter included by a certain interfaceBreath refers to the information of the webpage of the interface display, can specifically include the link identification shown on the interface, the word at the interfaceThe information such as color, background color and pattern, the information at the different interfaces of a webpage is different.
It is appreciated that application program here refers to what is loaded in terminal device, and answering with access web sites functionCan be included accessing the interface of website, such as searching interface, net in the user interface for be supplied to user with program, i.e. application programStand linking button etc., such user just can be passed through the information that website provides by accessing the interface of website and triggering application programForm web page is shown to the display screen of terminal device.
In the particular embodiment, with reference to shown in Fig. 2, terminal device can include application program and at least one page mouldBlock (illustrates) that an application program can correspond to one or more page modules, in application triggers as a example by multiple in figureWhen opening a webpage, a page module can be started.When a certain application program needs to access some websites, such as userOperation terminal device terminal device is started some application program and is shown homepage, or user click on have shown that shouldWith the web site url button on the interface of a webpage of program, or user is from a webpage of the application program having shown thatInterface on searching interface be input into information to be searched and submit to, such application program can triggering terminal equipment start a pageModule, and will need access website link information such as URL (Uniform Resource Locator,URL) it is supplied to page module；And page module can obtain phase according to the link information that application program is provided to corresponding serverThe content answered, and control application program by the corresponding content in website by the web displaying of certain pattern terminal device displayScreen.
Wherein, because the size of the display screen of terminal device is fixed, such as it is 5.5 than the display screen of larger mobile phoneIt is very little, if the content of some websites is relatively more, such terminal device when the content of website is shown, on a boundary of webpagePartial content is only able to display on face, it is another that user can cause terminal device to pass through by an interface for operating terminal device to showThe other parts content of the one interface display webpage, such as user slide downward on the display screen of terminal device, with by anotherOther contents of one webpage of interface display one.So page module is controlling application program by web displaying in terminal deviceWhen, can control application program and the partial content of webpage passed through into a boundary according to the actual size of the display screen of terminal deviceFace is displayed in the display screen of terminal device.Such as Fig. 3 a show a certain boundary of the homepage of a certain website that terminal device showsFace, when user is operated by terminal device to the webpage, such as drop-down webpage so that terminal device can show the netAnother interface of the homepage stood, as shown in Figure 3 b, the web page contents of the two interface displays are different.
After so a certain webpage (such as the first webpage) is displayed in terminal device by application program, page module can timingGround, or user's (such as process of slide downward first page during operating to the first page ought be detectedIn) triggering the present embodiment flow process.When page module is when this step 101 are performed, a certain interface of the first webpage can be obtainedThe link identification of upper display, the background color at the interface, the information such as text color or pattern is used as the content included by the interfaceInformation.Here the link identification of a certain interface display of the first webpage is to be used to identify on the currently displaying interface of terminal deviceThe information of web site url button, such as the button of one concrete news website can be identified by the title of the news, oneThe button of roundup news website can be identified by the domain name of the website, and the interface of the first webpage specifically can include multipleLink identification.For example shown in Fig. 4 a, the link identification shown on the interface of some webpage of the application program read in TengxunHave：" returning to the Old Stone Age ", " shocking geomancer " and " lonely swordsman " etc. are to identify a concrete book net with title respectivelyThe button stood, " celestial chivalrous ", " city " and " history " etc. are the buttons for identifying comprehensive number website with the type of book respectively, " nonsuchLittle highly skilled doctor " and " repairing the mad sage of sieve " etc. are the buttons for identifying a book website with the front cover and title of book respectively.
Step 102, terminal device determines a certain boundary of above-mentioned first webpage according to the content information that above-mentioned steps 101 are obtainedThe exhibition information of the navigation bar in face.
Wherein navigation bar is referred to and draws user operation terminal device so that terminal device goes to from a currently displaying interfaceThe region that the information at another interface is located, wherein, an interface and another interface can be interface, or the applications of webpageThe intrinsic interface of program.Generally, navigation bar all can show at the top at the interface of a webpage；The displaying letter of navigation barBreath refers to that terminal device shows the information of the navigation bar of user, can specifically include the title of navigation bar, and navigation bar is a certainThe positional information at interface, (including colouring information, transparency, background picture, background picture is full frame displaying or portion to style informationThe information such as subregion domain views) and the position of button of navigation event, pattern and mark etc..
As shown in Figure 4 b, its exhibition information can include " dynamic " to the navigation bar at the interface of the webpage for example shown in Fig. 4 a," boy student ", the button mark of the navigation event of " schoolgirl " and " publication ", can also include the icon of search button, background pictureInformation etc..
Specifically, when this step is performed, page module that can be by included by terminal device is according to above-mentioned for terminal deviceContent information and preset strategy that step 101 is obtained determine the exhibition information of navigation bar, wherein preset strategy can be usedFamily is set in advance in terminal device, specifically can be included：If the content information that step 101 is obtained includes multiple concrete newThe information of news, then the title of the navigation bar that the exhibition information of navigation bar includes can be " news "；What if step 101 was obtainedContent information includes the information of multiple shopping items, then the title of navigation bar can be " shopping " etc.；What if step 101 was obtainedContent information includes that a big figure is full screen display, then the background color of navigation bar is transparent or concealed navigation bar etc..
Step 103, terminal device according to exhibition information the first webpage a certain showing interface navigation bar.
Specifically, the page module of terminal device can call executable program, and the executable program is used to call applicationThe interface of program, is sent to application program, to apply by the exhibition information of navigation bar by the interface of the application program calledProgram according to exhibition information a certain showing interface navigation bar of the first webpage information.When being embodied as, the executable programCan be the shell script of a certain agreement, such as shell script of JS bridges (js bridge) agreement etc..
It can be seen that, in the method for the present embodiment, when terminal device application program by the first web displaying in terminal deviceAfterwards, the exhibition information of navigation bar can be determined according to the content information included by a certain interface of the first webpage for dynamically obtaining,Then according to exhibition information the first webpage a certain showing interface navigation bar.Operation so due to user to the first webpage,So that the content information at each interface of the first webpage that terminal device shows is all different, so as user is to the first webpageOperation, the pattern of the navigation bar of terminal device Dynamic Display also can be different, enrich the displaying of webpage.
In a specific embodiment, terminal device, can be with terminal device before above-mentioned steps 101 are performedFirst web displaying after terminal device, is detected operation information of the user to the first webpage, in the operation information by application programIncluding positional information；Then when above-mentioned steps 101 are performed, terminal device determines the correspondence in the first webpage according to positional informationLink identification included by position, then the content information included by a certain interface include the link identification.Wherein, user is toThe positional information that one webpage is operated refers to the information of the first currently displaying webpage of terminal device residing for the first webpagePosition, such as the top of the first webpage, bottom or middle part etc., such user can be carried out to the information of the first webpage of the positionOperation.
In the present embodiment, the first webpage is operated positional information by the page module detection user of terminal device.When the user operation that page module is detected is drop-down first webpage, and the first webpage is pulled down to into bottom, then page module toApplication program provides the information of the first webpage bottom and is shown to application program.
Further, in the present embodiment, terminal device can be obtained when above-mentioned steps 102 are performed according in step 101The content information for taking and the positional information of page module detection determine the exhibition information of the navigation bar at a certain interface of the first webpage.Such as positional information is the bottom of the first webpage, and the content information at the interface is the link identification of each entertainment news, terminalEquipment can determine entitled " amusement " of navigation bar, and the color of navigation bar is yellow etc..
In another specific embodiment, terminal device perform above-mentioned steps 101 before, when the application of terminal deviceProgram by the first web displaying during terminal device, can be first according to the initialization information of navigation bar in the first webpageInitial interface shows the navigation bar of first state；When the content information of the first webpage is then shown in initial interface, according toThe information of preset position shows the navigation bar of the second state in initial interface in the link information of one webpage；When terminal device existsBy the first web displaying after terminal device, terminal device is further according to above-mentioned steps 101 to 103 in the first webpage for application programThe navigation bar of another state of a certain showing interface.
It should be noted that the information shown on an interface of a webpage can include the intrinsic of application program settingDisplay information (housing at such as interface, the operation button on interface, navigation bar etc.), and the content information of webpage is than described aboveLink identification etc..When application program is when a webpage is opened, because the content information of webpage is shown by page module control, the regular hour is needed, therefore, the intrinsic aobvious of application program can be first shown in the initial interface of the webpage that terminal device showsShow information, such as navigation bar etc., after the information loading of the webpage, the content letter of webpage can be shown in the initial interfaceBreath.
The information of preset position can be that terminal device is set in advance in the first net wherein in the link information of the first webpageThe exhibition information of the navigation bar of the preset position of the link information of page, such as can be to close the first webpage of opening in last timeWhen, the exhibition information of the navigation bar of the showing interface of the first webpage that terminal device was just showing at that time.Preset position can be chainThe positions such as the afterbody of information are connect, as long as the modification to the information of the position is not interfered with by the amended link information accessServer.Such as, the link information of Baidu is：https://www.baidu.com/, increases in the afterbody of the link informationPlus navcolor=" white ", the color of the navigation bar of the second state for so showing is white, and by the linkhttps://www.baidu.comNavcolor=" white ", terminal device can also access the webpage of Baidu.
Further, after terminal device performs above-mentioned steps 101 to 103, user can operate terminal device, makeObtain terminal device and close first webpage, specifically, when terminal device receives the shutoff operation request of the first webpage, will be above-mentionedThe exhibition information of the navigation bar of a certain showing interface of the first webpage is added in the preset position of the link information of the first webpageStored, such as be added to the afterbody of the link information of the first webpage, so as to when first webpage is opened next time, using journeySequence can show navigation bar according to the information of the preset position of the link information of the first webpage.
Wherein, terminal device the exhibition information of navigation bar is added to the link information of the first webpage preset position thisOperation can be performed in other cases, however it is not limited to performed when the first webpage is closed, specifically needed the need for seeing practical businessWill.
Below with a specific embodiment to illustrate the present invention in web page display method, the method for the present embodiment answersWith the structure of terminal device can be so that as shown in Fig. 2 here is not repeated, the method flow diagram of this enforcement be as shown in figure 5, bagInclude：
Step 201, user operation terminal device so that terminal device opens a certain application program, it is contemplated that initialization is weakThe disabled situation of the bag offline of network and webpage, application program first can show in the initialization initial interface of homepage applies journeyThe intrinsic information of sequence setting, including navigation bar, specifically, application program can be according to the initialization information of navigation bar in the first of homepageThe navigation bar of beginning showing interface first state.
Step 202, when application program shows the content information of homepage in initial interface, according to the specific of the URL of the homepageThe information of position updates the displaying to navigation bar in initial interface, that is, show the navigation bar of the second state.
It should be noted that application program is in the content information for showing the homepage included by initial interface, meeting and the pageModule is interacted, and by page module the content information that the application program shows homepage is controlled.
Step 203, after homepage to be included application program the display screen in terminal device, user can grasp to homepageMake, page module can periodically or sporadically detect the positional information that user is operated to the homepage.
Step 204, link identification of the page module according to included by the positional information of detection obtains the correspondence position of homepage,The content information included by link identification as the homepage of the position that will be obtained, then determines according to the link identification for obtaining and leadsThe exhibition information on boat hurdle.
Step 205, page module control application program according to the exhibition information of navigation bar homepage a certain showing interfaceThe navigation bar.
With specific reference to shown in Fig. 6, page module can call js shell scripts, you can configuration processor, the js shell scriptsFor calling the interface of application program, the exhibition information of navigation bar is sent to application program by the interface, by application programAccording to the exhibition information of navigation bar in a certain showing interface of the homepage navigation bar；Then application program can be entered to page moduleRow feedback, by implementing result page module is fed back to, and concrete application program can perform callback readjustments.
When user clicks on a certain link identification in the homepage, the method for performing above-mentioned steps 201 to 205 can be triggered.
The embodiment of the present invention also provides a kind of web page display device, and than terminal device described above, its structural representation is such asShown in Fig. 7, specifically can include：
Information acquisition unit 10, for after the display unit 12 of the web page display device shows the first webpage, obtainingContent information included by a certain interface of first webpage, specifically, the information acquisition unit 10 obtains a certain boundaryOn face show link identification, then the content information included by a certain interface include the link identification.
Information determination unit 11, the content information for being obtained according to described information acquiring unit 10 determines first netThe exhibition information of the navigation bar at a certain interface of page, specifically, described information determining unit 11 is according to the content information and in advanceThe strategy put determines the exhibition information of navigation bar.
Described information determining unit 11, is additionally operable to call executable program, executable program to be used to call the displaying singleThe interface of unit 12, the display unit is sent to by the exhibition information of the navigation bar by the interface of the display unit 1212, so as to the information of the navigation bar according to the exhibition information is in a certain showing interface of the display unit 12.
Display unit 12, for the exhibition information that determined according to described information determining unit 11 first webpage certainNavigation bar described in one showing interface.
It can be seen that, in the device of the present embodiment, after display unit 12 shows the first webpage, information determination unit 11 can rootAccording to the first webpage for dynamically obtaining a certain interface included by content information determine the exhibition information of navigation bar, then showUnit 12 according to exhibition information the first webpage a certain showing interface navigation bar.Behaviour so due to user to the first webpageMake so that the content information at each interface of the first webpage that web page display device shows is all different, so as user is to theThe operation of one webpage, the pattern of the navigation bar of web page display device Dynamic Display also can be different, enrich the displaying of webpage.
With reference to shown in Fig. 8, in a specific embodiment, the web page display device of the present embodiment except can include asOutside structure shown in Fig. 7, detector unit 13 and storage element 14 can also be included, wherein：
Detector unit 13, for after the display unit 12 of the web page display device shows the first webpage, detecting userOperation information to first webpage, the operation information includes positional information.
Then described information acquiring unit 10, the positional information specifically for being detected according to the detector unit 13 is determined in instituteThe link identification included by the correspondence position of the first webpage is stated, the content information includes the link identification.And information determinesUnit 11, specifically for the content information that obtained according to described information acquiring unit 10 and the position of the detection of the detector unit 13Information determines the exhibition information of the navigation bar at a certain interface of first webpage.
In the present embodiment, display unit 12, are additionally operable to show the first webpage, specifically, according to the first of the navigation barBeginning information shows the navigation bar of first state in the initial interface of first webpage；Believed according to the link of first webpageThe information of preset position shows the navigation bar of the second state in the initial interface in breath.
Storage element 14, for when receive first webpage shutoff operation request, by first webpage certainThe exhibition information of the navigation bar of one showing interface is added in the preset position of the link information of first webpage and is stored.Then display unit 12 next time open first webpage when, can according to storage element 14 the first webpage link information it is pre-The information of seated position storage shows navigation bar.
The embodiment of the present invention also provides a kind of terminal device, and its structural representation is as shown in figure 9, the terminal device can be because matching somebody with somebodyPut or performance is different and the larger difference of producing ratio, one or more central processing units (central can be includedProcessing units, CPU) 20 (for example, one or more processors) and memory 21, one or more are depositedThe storage medium 22 (such as one or more mass memory units) of storage application program 221 or data 222.Wherein, storeDevice 21 and storage medium 22 can be of short duration storage or persistently storage.Be stored in storage medium 22 program can include one orMore than one module (diagram is not marked), each module can include operating the series of instructions in terminal device.More enter oneStep ground, central processing unit 20 could be arranged to be communicated with storage medium 22, and in storage medium 22 is performed on the terminal deviceSeries of instructions is operated.
Specifically, the application program 221 for storing in storage medium 22 includes the application program of web page display, and the programThe information acquisition unit 10 in above-mentioned web page display device, information determination unit 11, display unit 12, detector unit can be included13 and storage element 14, here is not repeated.Further, central processing unit 20 could be arranged to logical with storage medium 22Letter, performs on the terminal device the corresponding sequence of operations of application program of the web page display stored in storage medium 22.
Terminal device can also include one or more power supplys 23, and one or more wired or wireless networks connectMouth 24, one or more input/output interfaces 25, and/or, one or more operating systems 223, such as WindowsServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM etc..
The terminal that the step by performed by terminal device described in said method embodiment can be based on shown in the Fig. 9 setsStandby structure.
One of ordinary skill in the art will appreciate that all or part of step in the various methods of above-described embodiment is canCompleted with instructing the hardware of correlation by program, the program can be stored in a computer-readable recording medium, storageMedium can include：Read-only storage (ROM), random access memory ram), disk or CD etc..
The web page display method and device for being provided the embodiment of the present invention above is described in detail, used hereinSpecific case is set forth to the principle and embodiment of the present invention, and the explanation of above example is only intended to help and understandsThe method of the present invention and its core concept；Simultaneously for one of ordinary skill in the art, according to the thought of the present invention, in toolWill change in body embodiment and range of application, in sum, this specification content should not be construed as to the present inventionRestriction.