CN109597956A - Page display method and device - Google Patents
Page display method and device Download PDFInfo
- Publication number
- CN109597956A CN109597956A CN201811504659.5A CN201811504659A CN109597956A CN 109597956 A CN109597956 A CN 109597956A CN 201811504659 A CN201811504659 A CN 201811504659A CN 109597956 A CN109597956 A CN 109597956A
- Authority
- CN
- China
- Prior art keywords
- width
- target
- navigation bar
- browser window
- target pages
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present application discloses page display method and device.One specific embodiment of this method includes: to determine the size of browser window in response to detecting that page open instructs, wherein page open instruction is used to indicate opening target pages；It determines the quantity of target pages navigation bar to be presented, based on the size and the quantity, determines the mean breadth of target pages navigation bar to be presented；Numerical relation based on the mean breadth Yu predetermined width range, determines the target width of target pages navigation bar to be presented；The target pages are presented, and navigation bar is shown according to the target width in the target pages.This embodiment improves the flexibilities that the page is shown.
Description
Technical field
The invention relates to field of computer technology, and in particular to page display method and device.
Background technique
Navigation bar refers to positioned at page top or side area, leads in header banner picture top or a following row
Navigate button, it plays a part of each page in linked sites or software.
When showing the page using browser, usually directly according to the width of the navigation bar of preset fixation, to the page
In navigation bar shown.
Summary of the invention
The embodiment of the present application proposes page display method and device.
In a first aspect, the embodiment of the present application provides a kind of page display method, this method comprises: in response to detecting use
Page open instruction is triggered at family, determines the size of browser window, wherein page open instruction is used to indicate opening page object
Face；It determines the quantity of target pages navigation bar to be presented, is based on size and number, determines target pages navigation bar to be presented
Mean breadth；Numerical relation based on mean breadth Yu predetermined width range determines target pages navigation bar to be presented
Target width；Target pages are presented, and navigation bar is shown according to target width in target pages.
In some embodiments, size and number are based on, determine the mean breadth of target pages navigation bar to be presented, are wrapped
It includes: in response to determining that the width of browser window is greater than the height of browser window, by the width of browser window and quantity
Ratio is determined as the mean breadth of target pages navigation bar to be presented.
In some embodiments, size and number are based on, determine the mean breadth of target pages navigation bar to be presented, are wrapped
It includes: in response to determining that the width of browser window is not more than the height of browser window, by the height and quantity of browser window
Ratio be determined as the mean breadth of target pages navigation bar to be presented.
In some embodiments, the numerical relation based on mean breadth Yu predetermined width range determines that target pages wait being in
The target width of existing navigation bar, comprising: within the scope of determining that mean breadth is located at predetermined width, mean breadth is true
It is set to the target width of target pages navigation bar to be presented；In response to determining that mean breadth is located at except predetermined width range,
The numerical value target width of target pages navigation bar to be presented set within the scope of predetermined width.
In some embodiments, navigation bar is shown according to target width in target pages, comprising: in response to true
The width for determining browser window is greater than the height of browser window, carries out cross to navigation bar according to target width in target pages
To display；In response to determining that the width of browser window is not more than the height of browser window, according to target in target pages
Width carries out longitudinal display to navigation bar.
Second aspect, the embodiment of the present application provide a kind of page display device, which includes: the first determination unit,
It is configured in response to detect that user triggers page open instruction, determines the size of browser window, wherein page open refers to
Order is used to indicate opening target pages；Second determination unit is configured to determine the quantity of target pages navigation bar to be presented,
Based on size and number, the mean breadth of target pages navigation bar to be presented is determined；Third determination unit is configured to be based on
The numerical relation of mean breadth and predetermined width range determines the target width of target pages navigation bar to be presented；Display is single
Member is configured to present target pages, and shows according to target width to navigation bar in target pages.
In some embodiments, the second determination unit is further configured to: the width in response to determining browser window
Greater than the height of browser window, the ratio of the width of browser window and quantity is determined as target pages navigation to be presented
The mean breadth on column.
In some embodiments, the second determination unit is further configured to: the width in response to determining browser window
No more than the height of browser window, the ratio of the height of browser window and quantity is determined as to target pages are to be presented to lead
The mean breadth on boat column.
In some embodiments, third determination unit is further configured to: in response to determining that it is default that mean breadth is located at
Within width range, mean breadth is determined as to the target width of target pages navigation bar to be presented；It is average in response to determining
Width is located at except predetermined width range, sets predetermined width range for the target width of target pages navigation bar to be presented
Within numerical value.
In some embodiments, display unit is further configured to: in response to determining that the width of browser window is greater than
The height of browser window is shown displayed across navigation bar according to target width in target pages；It is browsed in response to determining
The width of device window is not more than the height of browser window, carries out longitudinal show to navigation bar according to target width in target pages
Show.
The third aspect, the embodiment of the present application provide a kind of electronic equipment, comprising: one or more processors；Storage dress
Set, be stored thereon with one or more programs, when one or more programs are executed by one or more processors so that one or
The method that multiple processors realize any embodiment in above-mentioned first aspect.
Fourth aspect, the embodiment of the present application provide a kind of computer-readable medium, are stored thereon with computer program, should
The method such as any embodiment in above-mentioned first aspect is realized when program is executed by processor.
Page display method and device provided by the embodiments of the present application can be true after detecting page open instruction
Determine the size of browser window.Then, the quantity of target pages navigation bar to be presented can be determined, to be based on the size
With the quantity, the mean breadth of target pages navigation bar to be presented is determined.Later, it based on the mean breadth and can preset
The numerical relation of width range determines the target width of target pages navigation bar to be presented.Finally, the target can be presented
The page, and navigation bar is shown according to the target width in the target pages.It is thus possible to neatly in the page
Navigation bar is adjusted, and improves the flexibility that the page is shown.
Detailed description of the invention
By reading a detailed description of non-restrictive embodiments in the light of the attached drawings below, the application's is other
Feature, objects and advantages will become more apparent upon:
Fig. 1 is that one embodiment of the application can be applied to exemplary system architecture figure therein；
Fig. 2 is the flow chart according to one embodiment of the page display method of the application；
Fig. 3 is the flow chart according to another embodiment of the page display method of the application；
Fig. 4 is the schematic diagram of the target pages after being presented according to one of the application；
Fig. 5 is the schematic diagram of the target pages after being presented according to one of the application；
Fig. 6 is the structural schematic diagram according to one embodiment of the page display device of the application；
Fig. 7 is adapted for the structural schematic diagram for the computer system for realizing the electronic equipment of the embodiment of the present application.
Specific embodiment
The application is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched
The specific embodiment stated is used only for explaining related invention, rather than the restriction to the invention.It also should be noted that in order to
Convenient for description, part relevant to related invention is illustrated only in attached drawing.
It should be noted that in the absence of conflict, the features in the embodiments and the embodiments of the present application can phase
Mutually combination.The application is described in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
Fig. 1 is shown can be using the page display method of the application or the exemplary system architecture of page display device
100。
As shown in Figure 1, system architecture 100 may include terminal device 101,102,103, network 104 and server 105.
Network 104 between terminal device 101,102,103 and server 105 to provide the medium of communication link.Network 104 can be with
Including various connection types, such as wired, wireless communication link or fiber optic cables etc..
User can be used terminal device 101,102,103 and be interacted by network 104 with server 105, to receive or send out
Send message etc..Various telecommunication customer end applications can be installed, such as interactive voice class is answered on terminal device 101,102,103
With, shopping class application, searching class application, instant messaging tools, mailbox client, social platform software etc..
Terminal device 101,102,103 can be hardware, be also possible to software.When terminal device 101,102,103 is hard
When part, it can be the various electronic equipments with display screen and supported web page browsing, including but not limited to smart phone, plate
Computer, E-book reader, MP3 player (Moving Picture Experts Group Audio Layer III, dynamic
Image expert's compression standard audio level 3), MP4 (Moving Picture Experts Group Audio Layer IV, move
State image expert's compression standard audio level 4) player, pocket computer on knee and desktop computer etc..When terminal is set
Standby 101,102,103 when being software, may be mounted in above-mentioned cited electronic equipment.Its may be implemented into multiple softwares or
Software module (such as providing Distributed Services), also may be implemented into single software or software module.It does not do herein specific
It limits.
Server 105 can be to provide the server of various services, such as to showing on terminal device 101,102,103
Webpage provides the backstage web page server supported.Backstage web page server can to receive Webpage request etc. data into
The processing such as row analysis, and processing result (such as webpage data) is fed back into terminal device.
It should be noted that server can be hardware, it is also possible to software.When server is hardware, may be implemented
At the distributed server cluster that multiple servers form, individual server also may be implemented into.It, can when server is software
To be implemented as multiple softwares or software module (such as providing Distributed Services), single software or software also may be implemented into
Module.It is not specifically limited herein.
It should be noted that page display method provided by the embodiment of the present application generally by terminal device 101,102,
103 execute, and correspondingly, page display device is generally positioned in terminal device 101,102,103.
It should be understood that the number of terminal device, network and server in Fig. 1 is only schematical.According to realization need
It wants, can have any number of terminal device, network and server.
With continued reference to Fig. 2, the process 200 of one embodiment of the page display method according to the application is shown.The page
Plane display method, comprising the following steps:
Step 201, in response to detecting that user triggers page open instruction, the size of browser window is determined.
In the present embodiment, the executing subject (such as terminal device shown in FIG. 1 101,102,103) of page display method
In response to detecting the page open instruction of user's triggering, the size of browser window can be determined.Wherein, above-mentioned page open
Instruction can serve to indicate that opening target pages.Above-mentioned target pages can be the current page to be opened.
Here, the size of browser window, that is, browser window visible area size.The size of browser window can wrap
Include the height and width of browser window.Herein, above-mentioned executing subject can be various existing for obtaining browsing by executing
The code (such as code of Javascript language) of device parameter reads the browser parameters (height including browser window
And width).In practice, the height and width of browser window can be characterized by pixel quantity.
In general, user, which can use the web browser installed on terminal device, carrys out browsing pages, at this moment, user can lead to
It crosses clickthrough or input network address in the page to scan for, to trigger page open instruction.
In practice, the format of above-mentioned target pages can be it is following any one: html format, xhtml format, asp lattice
Formula, php format, jsp format, shtml format, nsp format, the webpage of xml format or other following formats by exploitation
The page (as long as the web page files of this format can be opened with browser).
Step 202, it determines the quantity of target pages navigation bar to be presented, is based on above-mentioned size and above-mentioned quantity, determine
The mean breadth of target pages navigation bar to be presented.
In the present embodiment, above-mentioned executing subject can determine the quantity of navigation bar to be presented in target pages first.
Herein, the page data of available target pages, such as HTML (HyperText Markup Language, hypertext markup
Language) code.By searching for for navigation bar to be arranged label (such as label "<li>", "</li>") quantity, above-mentioned execution
Main body can determine the quantity of navigation bar to be presented in target pages.For example, by the label occurred in pairs "<li>", "</
Quantity of the quantity of li > " as navigation bar.
Then, navigation to be presented in above-mentioned executing subject size based on determined by step 201 and target pages
The quantity on column determines the mean breadth of the navigation bar in target pages.Herein, various calculations be can use and determine navigation bar
Mean breadth.As an example, can be directly using the quotient of the quantity of the width of browser window and navigation bar as navigation bar
Mean breadth.It as another example, can be using the quotient of the height of browser window and the quantity of navigation bar as the flat of navigation bar
Equal width.
In some optional implementations of the present embodiment, in response to the above-mentioned browser window of determination width be greater than it is upper
The height of browser window is stated, above-mentioned executing subject can determine the width of above-mentioned browser window and the ratio of above-mentioned quantity
For the mean breadth of above-mentioned target pages navigation bar to be presented.
In some optional implementations of the present embodiment, it is not more than in response to the width of the above-mentioned browser window of determination
The height of above-mentioned browser window, above-mentioned executing subject can be true by the height of above-mentioned browser window and the ratio of above-mentioned quantity
It is set to the mean breadth of above-mentioned target pages navigation bar to be presented.
Step 203, the numerical relation based on mean breadth Yu predetermined width range determines target pages navigation to be presented
The target width on column.
In the present embodiment, above-mentioned executing subject can the numerical relation based on mean breadth Yu predetermined width range, really
The target width of the page that sets the goal navigation bar to be presented.As an example, if mean breadth within the scope of predetermined width, can be with
Any number within the scope of predetermined width is determined as to the target width of above-mentioned target pages navigation bar to be presented.As again
One example, if mean breadth except predetermined width range, can be waited for pre-set designated value as above-mentioned target pages
The target width of the navigation bar of presentation.
In some optional implementations of the present embodiment, it is located at above-mentioned default width in response to the above-mentioned mean breadth of determination
Within the scope of degree, above-mentioned mean breadth can be determined as the mesh of above-mentioned target pages navigation bar to be presented by above-mentioned executing subject
Mark width.
In some optional implementations of the present embodiment, it is located at above-mentioned default width in response to the above-mentioned mean breadth of determination
It spends except range, above-mentioned executing subject can set above-mentioned pre- for the target width of above-mentioned target pages navigation bar to be presented
If the numerical value within width range.
It should be noted that determining the determination side of target width based on the numerical relation of mean breadth and predetermined width range
Formula is not limited to above-mentioned enumerate.
Step 204, target pages are presented, and navigation bar is shown according to target width in target pages.
In the present embodiment, target pages can be presented in above-mentioned executing subject, and according to target width in target pages
Navigation bar is shown.It is understood that navigation bar can be shown displayed across, can also longitudinally show.When navigation bar longitudinal direction
When display, the target width of navigation bar can be with the size of navigation bar in the vertical direction.
In some optional implementations of the present embodiment, in response to the above-mentioned browser window of determination width be greater than it is upper
The height for stating browser window is shown displayed across navigation bar according to above-mentioned target width in above-mentioned target pages.Response
In height of the width no more than above-mentioned browser window for determining above-mentioned browser window, according to above-mentioned in above-mentioned target pages
Target width carries out longitudinal display to navigation bar.
Page display method provided by the embodiments of the present application can determine browsing after detecting page open instruction
The size of device window.Then, the quantity of target pages navigation bar to be presented can be determined, so as to based on the size and the number
Amount, determines the mean breadth of target pages navigation bar to be presented.It later, can be based on the mean breadth and predetermined width model
The numerical relation enclosed determines the target width of target pages navigation bar to be presented.Finally, the target pages can be presented,
And navigation bar is shown according to the target width in the target pages.It is thus possible to neatly to the navigation in the page
Column is adjusted, and improves the flexibility that the page is shown.
With further reference to Fig. 3, it illustrates the processes 300 of another embodiment of page display method.The page is shown
The process 300 of method, comprising the following steps:
Step 301, in response to detecting that user triggers page open instruction, the size of browser window is determined.
In the present embodiment, the executing subject (such as terminal device shown in FIG. 1 101,102,103) of page display method
In response to detecting the page open instruction of user's triggering, the size of browser window can be determined.Wherein, above-mentioned page open
Instruction can serve to indicate that opening target pages.Above-mentioned target pages can be the current page to be opened.
Here, the size of browser window, that is, browser window visible area size.The size of browser window can wrap
Include the height and width of browser window.Herein, above-mentioned executing subject can be various existing for obtaining browsing by executing
The code (such as code of Javascript language) of device parameter reads the browser parameters (height including browser window
And width).In practice, the height and width of browser window can be characterized by pixel quantity.
Step 302, the quantity of target pages navigation bar to be presented is determined.
In the present embodiment, above-mentioned executing subject can determine the quantity of navigation bar to be presented in target pages first.
Herein, the page data of available target pages, such as HTML (HyperText Markup Language, hypertext markup
Language) code.By searching for label relevant to navigation bar (such as label "<li>", "</li>") quantity, above-mentioned execution master
Body can determine the quantity of navigation bar to be presented in target pages.
Step 303, determine whether the width of browser window is greater than the height of browser window.
In the present embodiment, the executing subject can determine whether the width of browser window is greater than browser window
Highly.If so, step 304 can be executed.If it is not, step 305 can be executed.
Step 304, in response to determining that the width of browser window is greater than the height of browser window, by browser window
Width and the ratio of quantity are determined as the mean breadth of target pages navigation bar to be presented.
In the present embodiment, in response to determining that the width of browser window is greater than the height of browser window, above-mentioned execution
The ratio of the width of browser window and quantity can be determined as the mean breadth of target pages navigation bar to be presented by main body.
Step 305, in response to determining that the width of browser window is not more than the height of browser window, by browser window
Height and the ratio of quantity be determined as the mean breadth of target pages navigation bar to be presented.
In the present embodiment, above-mentioned to hold in response to determining that the width of browser window is not more than the height of browser window
The ratio of the height of browser window and quantity can be determined as the average width of target pages navigation bar to be presented by row main body
Degree.
Step 306, determine whether mean breadth is located within the scope of predetermined width.
In the present embodiment, above-mentioned executing subject can determine above-mentioned mean breadth whether be located at predetermined width range it
It is interior.Herein, predetermined width range can be the preset range of technical staff, this predetermined width range, which can according to need, to be come
Setting, is not construed as limiting herein.
Within the scope of determining that mean breadth is located at predetermined width, above-mentioned executing subject can execute step 307.It rings
Within the scope of predetermined width should not being located in determining mean breadth, above-mentioned executing subject can execute step 308.
Step 307, within the scope of in response to determining that mean breadth is located at predetermined width, mean breadth is determined as page object
The target width of face navigation bar to be presented.
In the present embodiment, within the scope of in response to determining that mean breadth is located at predetermined width, above-mentioned executing subject can be with
Above-mentioned mean breadth is determined as to the target width of target pages navigation bar to be presented.
Step 308, in response to determining that mean breadth is located at except predetermined width range, by target pages navigation to be presented
The target width on column is set as the numerical value within the scope of predetermined width.
In the present embodiment, in response to determining that mean breadth is located at except predetermined width range, above-mentioned executing subject can be with
The numerical value target width of target pages navigation bar to be presented set within the scope of above-mentioned predetermined width.As an example,
It can be set to any value within the scope of above-mentioned predetermined width, may be set to be the centre of above-mentioned predetermined width range
Value.
Step 309, it in response to determining that the width of browser window is greater than the height of browser window, is pressed in target pages
Navigation bar is shown displayed across according to target width.
In the present embodiment, above-mentioned in response to determining that the width of browser window is greater than the height of above-mentioned browser window
Executing subject can be shown displayed across navigation bar according to target width in target pages.
As an example, target pages are presented after user triggers page open instruction, and, it is pressed in target pages
Navigation bar is shown displayed across according to target width, it can be as shown in Figure 4.Fig. 4 shows the signal of presented target pages
Figure.In Fig. 4, navigation bar (including " concern ", " recommendation ", " video ", " hot spot ", " sport ", " amusement ") is shown displayed across.
Step 310, in response to determining that the width of browser window is not more than the height of browser window, in target pages
Longitudinal display is carried out to navigation bar according to target width.
In the present embodiment, above-mentioned to hold in response to determining that the width of browser window is not more than the height of browser window
Row main body can carry out longitudinal display to navigation bar according to target width in target pages.In practice, the target of navigation bar is wide
Degree is the size of navigation bar in the vertical direction.
As an example, target pages are presented after user triggers page open instruction, and, it is pressed in target pages
Longitudinal display is carried out to navigation bar according to target width, it can be as shown in Figure 5.Fig. 5 shows the signal of presented target pages
Figure.In Fig. 5, navigation bar (including " concern ", " recommendation ", " video ", " hot spot ", " sport ", " amusement ") is longitudinally shown.
From figure 3, it can be seen that compared with the corresponding embodiment of Fig. 2, the process of the page display method in the present embodiment
300 relate to the comparison of the length and width based on browser size, carry out the step of transversely or longitudinally display of navigation bar.
The scheme of the present embodiment description can be further improved the flexibility that the page is shown as a result,.
With further reference to Fig. 6, as the realization to method shown in above-mentioned each figure, this application provides a kind of displays of page to fill
The one embodiment set, the Installation practice is corresponding with embodiment of the method shown in Fig. 2, which specifically can be applied to respectively
In kind electronic equipment.
As shown in fig. 6, page display device 600 described in the present embodiment includes: the first determination unit 601, it is configured to
In response to detecting that user triggers page open instruction, the size of browser window is determined, wherein above-mentioned page open instruction is used
Target pages are opened in instruction；Second determination unit 602, is configured to determine the number of above-mentioned target pages navigation bar to be presented
Amount is based on above-mentioned size and above-mentioned quantity, determines the mean breadth of above-mentioned target pages navigation bar to be presented；Third determines single
Member 603, is configured to the numerical relation based on above-mentioned mean breadth Yu predetermined width range, determines that above-mentioned target pages are to be presented
Navigation bar target width；Display unit 604 is configured to present above-mentioned target pages, and presses in above-mentioned target pages
Navigation bar is shown according to above-mentioned target width.
In some optional implementations of the present embodiment, above-mentioned second determination unit can be further configured to:
It is greater than the height of above-mentioned browser window in response to the width of the above-mentioned browser window of determination, by the width of above-mentioned browser window
It is determined as the mean breadth of above-mentioned target pages navigation bar to be presented with the ratio of above-mentioned quantity.
In some optional implementations of the present embodiment, above-mentioned second determination unit can be further configured to:
It is not more than the height of above-mentioned browser window in response to the width of the above-mentioned browser window of determination, by the height of above-mentioned browser window
Degree and the ratio of above-mentioned quantity are determined as the mean breadth of above-mentioned target pages navigation bar to be presented.
In some optional implementations of the present embodiment, above-mentioned third determination unit can be further configured to:
Within the scope of being located at above-mentioned predetermined width in response to the above-mentioned mean breadth of determination, above-mentioned mean breadth is determined as above-mentioned page object
The target width of face navigation bar to be presented；It is located at except above-mentioned predetermined width range in response to the above-mentioned mean breadth of determination, it will
The target width of above-mentioned target pages navigation bar to be presented is set as the numerical value within the scope of above-mentioned predetermined width.
In some optional implementations of the present embodiment, above-mentioned display unit can be further configured to: response
In height of the width greater than above-mentioned browser window for determining above-mentioned browser window, according to above-mentioned mesh in above-mentioned target pages
Mark width is shown displayed across navigation bar；It is not more than above-mentioned browser window in response to the width of the above-mentioned browser window of determination
Height, longitudinal display is carried out to navigation bar according to above-mentioned target width in above-mentioned target pages.
Page display device provided by the embodiments of the present application detects that page open instructs it in the first determination unit 601
Afterwards, the size of browser window can be determined.Then, the second determination unit 602 can determine that the target pages are to be presented and lead
The quantity on boat column, to determine the mean breadth of target pages navigation bar to be presented based on the size and the quantity.It
Afterwards, third determination unit 603 can the numerical relation based on the mean breadth Yu predetermined width range, determine that the target pages wait for
The target width of the navigation bar of presentation.Finally, the target pages can be presented in display unit 604, and pressed in the target pages
Navigation bar is shown according to the target width.It is thus possible to neatly be adjusted to the navigation bar in the page, page is improved
The flexibility that face is shown.
Below with reference to Fig. 7, it illustrates the computer systems 700 for the electronic equipment for being suitable for being used to realize the embodiment of the present application
Structural schematic diagram.Electronic equipment shown in Fig. 7 is only an example, function to the embodiment of the present application and should not use model
Shroud carrys out any restrictions.
As shown in fig. 7, computer system 700 includes central processing unit (CPU) 701, it can be read-only according to being stored in
Program in memory (ROM) 702 or be loaded into the program in random access storage device (RAM) 703 from storage section 708 and
Execute various movements appropriate and processing.In RAM 703, also it is stored with system 700 and operates required various programs and data.
CPU 701, ROM 702 and RAM 703 are connected with each other by bus 704.Input/output (I/O) interface 705 is also connected to always
Line 704.
I/O interface 705 is connected to lower component: the importation 706 including keyboard, mouse etc.；Including such as liquid crystal
Show the output par, c 707 of device (LCD) etc. and loudspeaker etc.；Storage section 708 including hard disk etc.；And including such as LAN
The communications portion 709 of the network interface card of card, modem etc..Communications portion 709 is executed via the network of such as internet
Communication process.Driver 710 is also connected to I/O interface 705 as needed.Detachable media 711, such as disk, CD, magneto-optic
Disk, semiconductor memory etc. are mounted on as needed on driver 710, in order to from the computer program root read thereon
According to needing to be mounted into storage section 708.
Particularly, in accordance with an embodiment of the present disclosure, it may be implemented as computer above with reference to the process of flow chart description
Software program.For example, embodiment of the disclosure includes a kind of computer program product comprising be carried on computer-readable medium
On computer program, which includes the program code for method shown in execution flow chart.In such reality
It applies in example, which can be downloaded and installed from network by communications portion 709, and/or from detachable media
711 are mounted.When the computer program is executed by central processing unit (CPU) 701, limited in execution the present processes
Above-mentioned function.It should be noted that computer-readable medium described herein can be computer-readable signal media or
Computer readable storage medium either the two any combination.Computer readable storage medium for example can be --- but
Be not limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or any above combination.
The more specific example of computer readable storage medium can include but is not limited to: have one or more conducting wires electrical connection,
Portable computer diskette, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type may be programmed read-only deposit
Reservoir (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic memory
Part or above-mentioned any appropriate combination.In this application, computer readable storage medium, which can be, any include or stores
The tangible medium of program, the program can be commanded execution system, device or device use or in connection.And
In the application, computer-readable signal media may include in a base band or the data as the propagation of carrier wave a part are believed
Number, wherein carrying computer-readable program code.The data-signal of this propagation can take various forms, including but not
It is limited to electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be computer
Any computer-readable medium other than readable storage medium storing program for executing, the computer-readable medium can send, propagate or transmit use
In by the use of instruction execution system, device or device or program in connection.Include on computer-readable medium
Program code can transmit with any suitable medium, including but not limited to: wireless, electric wire, optical cable, RF etc., Huo Zheshang
Any appropriate combination stated.
Flow chart and block diagram in attached drawing are illustrated according to the system of the various embodiments of the application, method and computer journey
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
A part of one module, program segment or code of table, a part of the module, program segment or code include one or more use
The executable instruction of the logic function as defined in realizing.It should also be noted that in some implementations as replacements, being marked in box
The function of note can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated are actually
It can be basically executed in parallel, they can also be executed in the opposite order sometimes, and this depends on the function involved.Also it to infuse
Meaning, the combination of each box in block diagram and or flow chart and the box in block diagram and or flow chart can be with holding
The dedicated hardware based system of functions or operations as defined in row is realized, or can use specialized hardware and computer instruction
Combination realize.
Being described in unit involved in the embodiment of the present application can be realized by way of software, can also be by hard
The mode of part is realized.Described unit also can be set in the processor, for example, can be described as: a kind of processor packet
Include the first determination unit, the second determination unit, third determination unit and display unit.Wherein, the title of these units is at certain
In the case of do not constitute restriction to the unit itself, for example, the first determination unit is also described as " determining browser window
The unit of the size of mouth ".
As on the other hand, present invention also provides a kind of computer-readable medium, which be can be
Included in device described in above-described embodiment；It is also possible to individualism, and without in the supplying device.Above-mentioned calculating
Machine readable medium carries one or more program, when said one or multiple programs are executed by the device, so that should
Device: in response to detecting that user triggers page open instruction, the size of browser window is determined, wherein the page open refers to
Order is used to indicate opening target pages；It determines the quantity of target pages navigation bar to be presented, is based on the size and the quantity,
Determine the mean breadth of target pages navigation bar to be presented；Numerical value based on the mean breadth and predetermined width range closes
System, determines the target width of target pages navigation bar to be presented；The target pages are presented, and in the target pages according to
The target width shows navigation bar.
Above description is only the preferred embodiment of the application and the explanation to institute's application technology principle.Those skilled in the art
Member is it should be appreciated that invention scope involved in the application, however it is not limited to technology made of the specific combination of above-mentioned technical characteristic
Scheme, while should also cover in the case where not departing from foregoing invention design, it is carried out by above-mentioned technical characteristic or its equivalent feature
Any combination and the other technical solutions formed.Such as features described above has similar function with (but being not limited to) disclosed herein
Can technical characteristic replaced mutually and the technical solution that is formed.
Claims (12)
1. a kind of page display method, comprising:
In response to detecting that user triggers page open instruction, the size of browser window is determined, wherein the page open refers to
Order is used to indicate opening target pages；
It determines the quantity of target pages navigation bar to be presented, is based on the size and the quantity, determines the target
The mean breadth of page navigation bar to be presented；
Numerical relation based on the mean breadth Yu predetermined width range determines target pages navigation bar to be presented
Target width；
The target pages are presented, and navigation bar is shown according to the target width in the target pages.
2. page display method according to claim 1, wherein it is described to be based on the size and the quantity, determine institute
State the mean breadth of target pages navigation bar to be presented, comprising:
It is greater than the height of the browser window in response to the width of the determination browser window, by the browser window
Width and the ratio of the quantity are determined as the mean breadth of target pages navigation bar to be presented.
3. page display method according to claim 1, wherein it is described to be based on the size and the quantity, determine institute
State the mean breadth of target pages navigation bar to be presented, comprising:
It is not more than the height of the browser window in response to the width of the determination browser window, by the browser window
Height and the ratio of the quantity be determined as the mean breadth of target pages navigation bar to be presented.
4. page display method according to claim 1, wherein described to be based on the mean breadth and predetermined width range
Numerical relation, determine the target width of target pages navigation bar to be presented, comprising:
Within the scope of being located at the predetermined width in response to the determination mean breadth, the mean breadth is determined as the mesh
Mark the target width of page navigation bar to be presented；
It is located at except the predetermined width range in response to the determination mean breadth, by target pages navigation to be presented
The target width on column is set as the numerical value within the scope of the predetermined width.
5. page display method according to claim 1, wherein described wide according to the target in the target pages
Degree shows navigation bar, comprising:
It is greater than the height of the browser window in response to the width of the determination browser window, is pressed in the target pages
Navigation bar is shown displayed across according to the target width；
It is not more than the height of the browser window in response to the width of the determination browser window, in the target pages
Longitudinal display is carried out to navigation bar according to the target width.
6. a kind of page display device, comprising:
First determination unit is configured in response to detect that user triggers page open instruction, determines the ruler of browser window
It is very little, wherein the page open instruction is used to indicate opening target pages；
Second determination unit is configured to determine the quantity of target pages navigation bar to be presented, based on the size and
The quantity determines the mean breadth of target pages navigation bar to be presented；
Third determination unit is configured to the numerical relation based on the mean breadth Yu predetermined width range, determines the mesh
Mark the target width of page navigation bar to be presented；
Display unit is configured to present the target pages, and in the target pages according to the target width to leading
Boat column is shown.
7. page display device according to claim 6, wherein second determination unit is further configured to:
It is greater than the height of the browser window in response to the width of the determination browser window, by the browser window
Width and the ratio of the quantity are determined as the mean breadth of target pages navigation bar to be presented.
8. page display device according to claim 6, wherein second determination unit is further configured to:
It is not more than the height of the browser window in response to the width of the determination browser window, by the browser window
Height and the ratio of the quantity be determined as the mean breadth of target pages navigation bar to be presented.
9. page display device according to claim 6, wherein the third determination unit is further configured to:
Within the scope of being located at the predetermined width in response to the determination mean breadth, the mean breadth is determined as the mesh
Mark the target width of page navigation bar to be presented；
It is located at except the predetermined width range in response to the determination mean breadth, by target pages navigation to be presented
The target width on column is set as the numerical value within the scope of the predetermined width.
10. page display device according to claim 6, wherein the display unit is further configured to:
It is greater than the height of the browser window in response to the width of the determination browser window, is pressed in the target pages
Navigation bar is shown displayed across according to the target width；
It is not more than the height of the browser window in response to the width of the determination browser window, in the target pages
Longitudinal display is carried out to navigation bar according to the target width.
11. a kind of electronic equipment, comprising:
One or more processors；
Storage device is stored thereon with one or more programs,
When one or more of programs are executed by one or more of processors, so that one or more of processors are real
Now such as method as claimed in any one of claims 1 to 5.
12. a kind of computer-readable medium, is stored thereon with computer program, wherein the realization when program is executed by processor
Such as method as claimed in any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811504659.5A CN109597956A (en) | 2018-12-10 | 2018-12-10 | Page display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811504659.5A CN109597956A (en) | 2018-12-10 | 2018-12-10 | Page display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109597956A true CN109597956A (en) | 2019-04-09 |
Family
ID=65962296
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811504659.5A Pending CN109597956A (en) | 2018-12-10 | 2018-12-10 | Page display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109597956A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111460346A (en) * | 2020-03-30 | 2020-07-28 | 网易（杭州）网络有限公司 | Content auditing method and device, electronic equipment and storage medium |
| CN112346612A (en) * | 2020-10-27 | 2021-02-09 | 上海连尚网络科技有限公司 | Page display method and device |
| CN114296602A (en) * | 2021-12-30 | 2022-04-08 | 咪咕数字传媒有限公司 | Electronic book content display method and device and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102124434A (en) * | 2008-08-18 | 2011-07-13 | 通用电气智能平台有限公司 | Method, computer, and computer program for displaying a hierarchical navigation scheme |
| CN102855124A (en) * | 2011-06-27 | 2013-01-02 | 腾讯科技（深圳）有限公司 | Method and device for adjusting navigation bar in self-adaptive manner on browser and browser |
| CN106020810A (en) * | 2016-05-13 | 2016-10-12 | 乐视控股（北京）有限公司 | Adaptive switching method and apparatus of display item |
-
2018
- 2018-12-10 CN CN201811504659.5A patent/CN109597956A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102124434A (en) * | 2008-08-18 | 2011-07-13 | 通用电气智能平台有限公司 | Method, computer, and computer program for displaying a hierarchical navigation scheme |
| CN102855124A (en) * | 2011-06-27 | 2013-01-02 | 腾讯科技（深圳）有限公司 | Method and device for adjusting navigation bar in self-adaptive manner on browser and browser |
| CN106020810A (en) * | 2016-05-13 | 2016-10-12 | 乐视控股（北京）有限公司 | Adaptive switching method and apparatus of display item |
Non-Patent Citations (1)
| Title |
|---|
| 匿名: "网页导航条宽度随着浏览器窗口大小而自适应，用div+css应该怎么写？麻烦说明一下思路", 《HTTPS://WENWEN.SOGOU.COM/Z/Q705830732.HTM》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111460346A (en) * | 2020-03-30 | 2020-07-28 | 网易（杭州）网络有限公司 | Content auditing method and device, electronic equipment and storage medium |
| CN112346612A (en) * | 2020-10-27 | 2021-02-09 | 上海连尚网络科技有限公司 | Page display method and device |
| CN112346612B (en) * | 2020-10-27 | 2022-09-06 | 上海连尚网络科技有限公司 | Page display method and device |
| CN114296602A (en) * | 2021-12-30 | 2022-04-08 | 咪咕数字传媒有限公司 | Electronic book content display method and device and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109460513A (en) | Method and apparatus for generating clicking rate prediction model | |
| CN108805594A (en) | Information-pushing method and device | |
| CN108228906B (en) | Method and apparatus for generating information | |
| CN109597956A (en) | Page display method and device | |
| CN108021666A (en) | Page adaptation method and apparatus | |
| CN109492210A (en) | A kind of online document content displaying method, device, storage medium and electronic equipment | |
| CN110020329A (en) | For generating the methods, devices and systems of webpage | |
| CN108961165A (en) | Method and apparatus for load image | |
| CN110213614A (en) | The method and apparatus of key frame are extracted from video file | |
| CN109669617A (en) | Method and apparatus for switching the page | |
| CN109635223A (en) | Page display method and device | |
| CN109255037A (en) | Method and apparatus for output information | |
| CN109036397A (en) | The method and apparatus of content for rendering | |
| CN109525855A (en) | Method and apparatus for handling information | |
| CN109918146A (en) | Page generation method and device | |
| CN109271557A (en) | Method and apparatus for output information | |
| CN109582317A (en) | Method and apparatus for debugging boarding application | |
| CN109446199A (en) | Cell data processing method and device | |
| CN109408748A (en) | Method and apparatus for handling information | |
| CN110472166A (en) | Method and apparatus for showing the page | |
| CN108573054A (en) | Method and apparatus for pushed information | |
| CN107515947A (en) | picture loading method and its system | |
| CN108984070A (en) | Method, apparatus, electronic equipment and readable medium for thermodynamic chart imaging | |
| CN109597912A (en) | Method for handling picture | |
| CN108763881A (en) | Method and apparatus for controlling user right |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |