CN102855124B - A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser - Google Patents
A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser Download PDFInfo
- Publication number
- CN102855124B CN102855124B CN201110175302.9A CN201110175302A CN102855124B CN 102855124 B CN102855124 B CN 102855124B CN 201110175302 A CN201110175302 A CN 201110175302A CN 102855124 B CN102855124 B CN 102855124B
- Authority
- CN
- China
- Prior art keywords
- viewing area
- width
- width value
- navigation bar
- value
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The present invention is applicable to computer software fields, provide a kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser, described method comprises: the navigation bar of browser window is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area; Detect the width value of current browser window and the width value of the second viewing area; From server, obtain the configuration information of the viewing area prestored, configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area; According to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area.Achieve self-adaptative adjustment show navigator hurdle under various circumstances.
Description
Technical field
The invention belongs to computer software fields, particularly relate to a kind of method of the navigation bar of self-adaptative adjustment on a web browser and device and browser.
Background technology
Along with the universal and scientific and technological continuous progress of internet, various Internet service emerges in an endless stream.Now, be all generally carry out view Internet information by browser.
But in current browser, the customizability of navigation bar is poor, cannot adapt to different environment.Such as: navigation bar comprises shortcut menu and searching menu, when user is under the environment that resolution is larger, this navigation bar can show shortcut menu and searching menu simultaneously.And when user occupy under the environment of small in resolution, because navigation bar does not arrange the priority level of display, cannot show according to different environment self-adaptions, then cause navigation bar can only can not show shortcut menu and person's searching menu according to the priority level of display under the environment of little resolution, if now user mainly needs to apply shortcut icon, the shortcut icon number that then can show because resolution is too small very little, be unfavorable for the use of user, cause the very big inconvenience on Consumer's Experience.
Summary of the invention
The object of the embodiment of the present invention is a kind of method providing navigation bar of self-adaptative adjustment on a web browser, and the display mode being intended to solve navigation bar can not adapt to the problem shown under various circumstances.
The embodiment of the present invention realizes like this, a kind of method of the navigation bar of self-adaptative adjustment on a web browser, the navigation bar of described browser window is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, described 3rd viewing area is for showing search article, and it is characterized in that, described method comprises the steps:
Detect the width value of current browser window and the width value of the second viewing area;
From server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
According to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area.Another object of the embodiment of the present invention is the device providing a kind of navigation bar of self-adaptative adjustment on a web browser, and described device comprises:
Navigation bar zoning unit, for the navigation bar of browser window being divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, and described 3rd viewing area is for showing search article;
Detecting unit, for the width value of the width value and the second viewing area that detect browser window, and from server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit, for according to configuration information adjustment first viewing area of navigation bar of the width value of current browser window detected, the width value of the second viewing area and viewing area and/or the width of the 3rd viewing area.
Another object of the embodiment of the present invention is the browser of the device providing self-adaptative adjustment navigation bar on a web browser described in a kind of comprising.
In embodiments of the present invention, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area, achieve the width value of each viewing area of self-adaptative adjustment navigation bar under various circumstances, and show different contents according to the width value self-adaptation of each viewing area, provide a kind of efficiently, navigation bar that adaptivity is strong.
Accompanying drawing explanation
Fig. 1 is the method flow diagram of the navigation bar of self-adaptative adjustment on a web browser that first embodiment of the invention provides;
Fig. 2 is the structure drawing of device of the navigation bar of self-adaptative adjustment on a web browser that second embodiment of the invention provides.
Embodiment
In order to make object of the present invention, technical scheme and advantage clearly understand, below in conjunction with drawings and Examples, the present invention is further elaborated.Should be appreciated that specific embodiment described herein only in order to explain the present invention, be not intended to limit the present invention.
The embodiment of the present invention provides a kind of method of the navigation bar of self-adaptative adjustment on a web browser, after the navigation bar of browser window being divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and preset viewing area.
The invention provides the method and apparatus of self-adaptative adjustment navigation bar on a kind of browser:
Described method comprises:
The navigation bar of browser window is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, and described 3rd viewing area is for showing search article;
Detect the width value of current browser window and the width value of the second viewing area;
From server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
According to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area.
Described device comprises:
Navigation bar zoning unit, for the navigation bar of browser window being divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, and described 3rd viewing area is for showing search article;
Detecting unit, for the width value of the width value and the second viewing area that detect browser window, and from server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit, for according to configuration information adjustment first viewing area of navigation bar of the width value of current browser window detected, the width value of the second viewing area and viewing area and/or the width of the 3rd viewing area.
Embodiment one:
Be illustrated in figure 1 the process flow diagram of the method for a kind of navigation bar of self-adaptative adjustment on a web browser that first embodiment of the invention provides, for convenience of explanation, illustrate only the part relevant to the embodiment of the present invention.
In step S101, the navigation bar of browser window is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area.
In embodiments of the present invention, after system initialization, navigation bar is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area.Wherein, the first viewing area is for showing shortcut icon, and the second viewing area is for showing separator, and the 3rd viewing area is for showing search article.
In step s 102, the width value of current browser window and the width value of the second viewing area is detected.
In embodiments of the present invention, browser window width generally has a default value, in the ordinary course of things, to give tacit consent to width value display navigation device window.
But when showing under different resolution, browser window width can change thereupon.Therefore, before display navigation device window, can finely tune according to the browser window width value of the resolution of current environment to acquiescence, obtain actual browser window width value.As: the browser window width value of user preset is comparatively large, but when the resolution of current system is less, then the width value of browser window may be diminished, and the browser window adapted under current resolution is browsed.
And when user drags browser window, the width of browser window also can change thereupon.
Therefore, the method obtaining browser window width is: the first, detects the acquiescence width value of browser window; The second, the resolution according to current system is finely tuned default browser window width, detects actual browser window width value; 3rd, drag the order of browser window according to the user received, detect browser window width value.
Being specially, having preset a variable for representing browser window width, obtain this variable by the interface provided by browser when system initialization, just can obtain browser window width size.Design variables clientWidth is for representing browser window width value herein.And the width value of the second viewing area is a definite value preset, can directly obtain.
In embodiments of the present invention, in browser window except navigation bar, the width value (such as the width value in the region of navigation bar both sides) of remainder is determined, the width value therefore obtaining browser window just can learn the width value of navigation bar.
In step s 103, the configuration information of the viewing area prestored is obtained from server, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area.
In embodiments of the present invention, because browser window comprises navigation bar, navigation bar display mode in browser window specifically can be following two kinds: 1) width value of window is navigation bar width value; 2) be preset with on browser window navigation bar both sides the viewing area that width is definite value, for showing such as LOGO or other information, then navigation bar width value is the width value that window width value deducts viewing area, navigation bar both sides.If first kind of way, then browser window width value is the first viewing area in navigation bar, the second viewing area and the 3rd viewing area width value sum, and the second viewing area width value is a default definite value.If the second display mode, then browser window width value is viewing area, navigation bar both sides width value, the first viewing area, the second viewing area and the 3rd viewing area width value sum, and the width value of the 3rd viewing area and viewing area, navigation bar both sides is definite value.Therefore, in the first viewing area, the 3rd viewing area, obtain arbitrarily the ratio of one or the acquisition width of the first viewing area and the width of the 3rd viewing area, and after browser window width value being detected, just obtain the width value of each viewing area by subtraction.
In embodiments of the present invention, the mode obtaining the configuration information of the viewing area prestored can be following four kinds, will introduce in detail one by one below.
A, obtain the first viewing area width value of acquiescence, the ratio of the 3rd viewing area width value or the width of the first viewing area and the width of the 3rd viewing area.
In embodiments of the present invention, when user does not log in, the first viewing area width value of acquiescence or the 3rd viewing area width value is adopted to show shortcut icon and search article.
When user does not log in, system gives default value to the first viewing area or the 3rd viewing area, then according to width value show navigator hurdle shortcut icon and the search bar of acquiescence.Specifically there are two kinds, one, if give default value by the first viewing area width, then according to the first viewing area width value and the second viewing area width value of the browser window width value detected, acquiescence, the width value of the 3rd viewing area can be obtained.Its two, if give default value by the 3rd viewing area width, then according to the 3rd viewing area width value and the second viewing area width value of the browser window width value detected, acquiescence, the width value of the first viewing area can be obtained.Also shortcut viewing area width value or search bar viewing area width value can not directly be given tacit consent to, but the ratio of the width of the width of default setting first viewing area and the 3rd viewing area, then obtain the first viewing area and the 3rd viewing area width value according to browser window width value.
B, obtain the ratio of user-defined first viewing area width value, the 3rd viewing area width value or the width of the first viewing area and the width of the 3rd viewing area.
In embodiments of the present invention, user after login, the first viewing area width value or the 3rd viewing area width value in self-defined configuration navigation bar.Then after the user logs, system obtains the first viewing area width value or the 3rd viewing area width value of User Defined configuration by CGI.Be the first viewing area width value if user-defined, then obtain the 3rd viewing area width value according to the browser window width value detected, self-defining first viewing area width value with the second viewing area width value preset.Be the 3rd viewing area width value if user-defined, then obtain the first viewing area width value according to the browser window width value detected, self-defining 3rd viewing area width value with the second viewing area width value preset.First viewing area width value or the 3rd viewing area width value also can not be directly set, but the self-defined ratio that the width of the first viewing area and the width of the 3rd viewing area are set, then obtain the first viewing area width value or the 3rd viewing area width value according to browser window width value.The width value of the first viewing area is submitted to server preserve.
In step S104, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area.
In embodiments of the present invention, according to the width value of the current browser window detected, obtain navigation bar width value.
In embodiments of the present invention, because browser window comprises navigation bar, navigation bar display mode in browser window specifically can be following two kinds: 1) width value of window is navigation bar width value; 2) be preset with on browser window navigation bar both sides the viewing area that width is definite value, for showing such as LOGO or other information, then navigation bar width value is the width value that window width value deducts viewing area, navigation bar both sides.
The first, when the configuration information of viewing area comprises the first viewing area width value, determine the first viewing area or/and the width of the 3rd viewing area according to navigation bar width value and the first viewing area width value.
When the difference of the width value of navigation bar width value and the second viewing area is less than or equal to the width value of the first viewing area of configuration, be the difference of the width value of navigation bar width value and the second viewing area by the width adjustment of the first viewing area, and hide the 3rd viewing area;
When the difference of the width value of navigation bar width value and the second viewing area is greater than the width value of the first viewing area, be the width value of the first viewing area of configuration by the width adjustment of the first viewing area, and be the difference that navigation bar width value deducts the width of the first viewing area and the width of the second viewing area by the width adjustment of the 3rd viewing area.
The second, when the width value of configuration information the 3rd viewing area of viewing area, according to the width value of navigation bar width value, the second viewing area and the width value of the 3rd viewing area adjusts the first viewing area or/and the width of the 3rd viewing area.
3rd, when the ratio of the width of configuration information first viewing area of viewing area and the width of the 3rd viewing area, the ratio according to the width value of browser window, the width value of the second viewing area and the width of the first viewing area and the width of the 3rd viewing area adjusts the first viewing area of navigation bar or/and the width of the 3rd viewing area.
In embodiments of the present invention, in the first viewing area, size due to shortcut icon is a fixed value preset, the number of displayable shortcut icon in current first viewing area is then determined according to the width size of current first viewing area and the width value of each shortcut icon, and hide all the other shortcut icons (by adding overflow:hidden attribute to shortcut viewing area, realizing shortcut icon and exceeding viewing area part and automatically hide).When the width of the first viewing area becomes large, the number of the shortcut icon of display increases; When the width of the first viewing area diminishes, the number of the shortcut of display reduces.
And the shortcut icon in the first viewing area after system acceptance draws instruction to the icon that user inputs, can be resequenced to the shortcut icon shown in the first viewing area.Meanwhile, the shortcut icon in the first viewing area can add instruction according to the user received or user's delete instruction carries out adding or deleting carrying out adding or deleting.If delete the shortcut icon in first viewing area, then automatic by hide first shortcut icon be presented in the first viewing area; If delete the shortcut icon in N number of first viewing area, then automatic hiding top n shortcut icon to be presented in the first viewing area.If add in shortcut icon to the first viewing area, then corresponding follow-up shortcut icon to be hidden.
In 3rd viewing area, search article length can change along with the change of the 3rd viewing area width.
In an alternative embodiment of the invention, the method for the described navigation bar of self-adaptative adjustment on a web browser also comprises:
Receive the separator drag command that user sends, determine the width value of the first viewing area and the 3rd viewing area according to the width value of separator position and the second viewing area, and the ratio of the width value of the width value of the first viewing area, the width value of the 3rd viewing area or the width value of the first viewing area and the 3rd viewing area is stored in the server.
In embodiments of the present invention, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area, achieve the width value of each viewing area of self-adaptative adjustment navigation bar under various circumstances, and show different contents according to the width value self-adaptation of each viewing area, provide a kind of efficient, adaptable navigation bar.
Embodiment two:
Fig. 2 shows the structure of the device of the navigation bar of self-adaptative adjustment on a web browser that the embodiment of the present invention provides, and for convenience of explanation, illustrate only the part relevant to the embodiment of the present invention.The unit that this device can be the software unit be built in browser, hardware cell or software and hardware combine, or be integrated in the application system of browser or browser as independently suspension member.Wherein:
Navigation bar zoning unit 21, for the navigation bar of browser window being divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, first viewing area is for showing shortcut icon, second viewing area is for showing separator, and the 3rd viewing area is for showing search article;
Detecting unit 22, for the width value of Sampling network operating system window and the width value of the second viewing area, and from server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit 23, for according to configuration information adjustment first viewing area of navigation bar of the width value of current browser window detected, the width value of the second viewing area and viewing area and/or the width of the 3rd viewing area.
In embodiments of the present invention, described adaptive unit 23 comprises:
First adaptation module 231, for when the configuration information of described viewing area comprises the width value of the first viewing area, according to the width value of the second viewing area, the width value of the first viewing area and the navigation bar width value obtained by the width value of network operating system window, adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area.
In embodiments of the present invention, described first adaptation module comprises:
Navigation bar width value securing component 2331, for the width value according to the current browser window detected, obtains navigation bar width value.
First self-adaptation assembly 2332, when difference for the width value when navigation bar width value and the second viewing area is less than or equal to the width value of the first viewing area of configuration, be the difference of the width value of navigation bar width value and the second viewing area by the width adjustment of the first viewing area, and hide the 3rd viewing area;
Second self-adaptation assembly 2333, when difference for the width value when navigation bar width value and the second viewing area is greater than the width value of the first viewing area, be the width value of the first viewing area of configuration by the width adjustment of the first viewing area, and be the difference that navigation bar width value deducts the width of the first viewing area and the width of the second viewing area by the width adjustment of the 3rd viewing area.
Second adaptation module 232, during for comprising the width value of the 3rd viewing area at the configuration information of described viewing area, according to the width value of the second viewing area, the width value of the 3rd viewing area and navigation bar width value adjustment the first viewing area of navigation bar obtained by the width value of network operating system window and/or the width of the 3rd viewing area;
3rd adaptation module 233, during ratio for the width of the width and the 3rd viewing area that comprise the first viewing area at the configuration information of described viewing area, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the ratio of the width of the width value of the second viewing area, the width of the first viewing area and the 3rd viewing area and the navigation bar width value that obtained by the width value of network operating system window.
In an alternative embodiment of the invention, the device of the described navigation bar of self-adaptative adjustment on a web browser also comprises:
Display adjustment unit, for adjusting the number of the shortcut icon shown in the first viewing area, and the width of the search shown in the 3rd viewing area article.
In an alternative embodiment of the invention, the device of the described navigation bar of self-adaptative adjustment on a web browser also comprises:
Display dispensing unit, for receiving the separator drag command that user sends, determine the width value of the first viewing area and the 3rd viewing area according to the width of separator position and the second viewing area, and the ratio of the width value of the width value of the first viewing area, the width value of the 3rd viewing area or the width value of the first viewing area and the 3rd viewing area is stored in the server.
In embodiments of the present invention, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area, achieve the width value of each viewing area of self-adaptative adjustment navigation bar under various circumstances, and show different contents according to the width value self-adaptation of each viewing area, provide a kind of efficient, adaptable navigation bar.
Embodiment three:
Third embodiment of the invention provides the navigation bar region partitioning method of a kind of specific implementation self-adaptative adjustment navigation bar on a web browser.This kind of navigation bar division methods can add the content of more practicalities in navigation bar, and Consumer's Experience is better.
In an embodiment of the present invention, in advance Region dividing is carried out to navigation bar, from left to right, successively the navigation bar of webOS window to be divided on the left of reserved area on the left of navigation bar, shortcut region on the right side of reserved area, shortcut region, shortcut region reserved area on the right side of reserved area, separator, search bar and navigation bar.Certainly, also can divide in the same way from right to left.Wherein, navigation bar width is overall width on the left of navigation bar separator, search bar width and navigation bar separator width sum, is browser webOS window width and deducts reserved area width on the left of navigation bar, then deduct reserved area width gained on the right side of navigation bar; And overall width is reserved area width sum on the right side of reserved area width and shortcut region on the left of shortcut peak width, shortcut region on the left of navigation bar.Wherein, on the left of navigation bar on the right side of reserved area, navigation bar on the left of reserved area, shortcut region on the right side of reserved area, shortcut region the width of reserved area and separator be definite value, can not change along with the change of webOS window width size.These fixing regions can be used for adding various content needed for user, embody user's request better.
According to such scheme, preset multiple navigation bar area variable, described area variable includes but not limited to: reserved area width marginLeft on the left of navigation bar, reserved area width marginRight on the right side of navigation bar, navigation bar width appBarWidth, overall width appBarLeft on the left of navigation bar separator, search bar width appBarRight, navigation bar separator width spliterWidth, shortcut peak width quickLink, reserved area width quickLinkLeft on the left of shortcut region, reserved area width quickLinkRight on the right side of shortcut region.Above-mentioned variable all can be configured in script file.One of ordinary skill in the art will appreciate that, the all or part of step realized in above-described embodiment method is that the hardware that can carry out instruction relevant by program has come, described program can be stored in a computer read/write memory medium, described storage medium, as ROM/RAM, disk, CD etc.
The foregoing is only preferred embodiment of the present invention, not in order to limit the present invention, all any amendments done within the spirit and principles in the present invention, equivalent replacement and improvement etc., all should be included within protection scope of the present invention.
Claims (8)
1. the method for a self-adaptative adjustment navigation bar on a web browser, the navigation bar of the window of described browser is divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, described 3rd viewing area is for showing search article, it is characterized in that, described method comprises the steps:
Detect the width value of current browser window and the width value of the second viewing area;
From server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
When the configuration information of described viewing area comprises the width value of the first viewing area of configuration, according to configuration information adjustment the first viewing area of navigation bar and/or the width of the 3rd viewing area of the width value of the current browser window detected, the width value of the second viewing area and viewing area, comprising:
According to the width value of the current browser window detected, obtain navigation bar width value;
When the difference of the width value of navigation bar width value and the second viewing area is less than or equal to the width value of the first viewing area of configuration, be the difference of the width value of navigation bar width value and the second viewing area by the width adjustment of the first viewing area, and hide the 3rd viewing area;
When the difference of the width value of navigation bar width value and the second viewing area is greater than the width value of the first viewing area, it is the width value of the first viewing area of configuration by the width adjustment of the first viewing area, and the width value of the 3rd viewing area is adjusted to the difference of the first width and the second width, the width that described first width deducts the first viewing area by navigation bar width obtains, and described second width is the width of the second viewing area.
2. the method for claim 1, is characterized in that, described method also comprises:
Determine the number of displayable shortcut icon in current first viewing area according to the width size of current first viewing area and the width value of each shortcut icon, and hide all the other shortcut icons.
3. method as claimed in claim 2, it is characterized in that, described method also comprises the steps:
The icon receiving user's input draws instruction, resequences to the shortcut icon shown in the first viewing area; Or
The icon receiving user's input adds instruction, and the shortcut icon that described icon interpolation instruction is specified is presented at the first viewing area; Or
Receive the icon delete instruction of user's input, the shortcut icon that described icon delete instruction is specified is deleted from the first viewing area.
4. the method for claim 1, is characterized in that, described method also comprises the steps:
Receive the separator drag command that user sends, determine the width value of the first viewing area and the 3rd viewing area according to the width value of separator position and the second viewing area, and the ratio of the width value of the width value of the first viewing area, the width value of the 3rd viewing area or the width value of the first viewing area and the 3rd viewing area is stored in the server.
5. a device for self-adaptative adjustment navigation bar on a web browser, it is characterized in that, described device comprises:
Navigation bar zoning unit, for the navigation bar of browser window being divided into the multiple viewing areas comprising the first viewing area, the second viewing area and the 3rd viewing area, described first viewing area is for showing shortcut icon, described second viewing area is for showing separator, and described 3rd viewing area is for showing search article;
Detecting unit, for the width value of the width value and the second viewing area that detect browser window, and from server, obtain the configuration information of the viewing area prestored, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, or the ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit, for according to configuration information adjustment first viewing area of navigation bar of the width value of current browser window detected, the width value of the second viewing area and viewing area and/or the width of the 3rd viewing area;
When the configuration information that described detecting unit obtains from server comprises the width value of the first viewing area of configuration, described adaptive unit comprises the first adaptation module, and described first adaptation module comprises:
Navigation bar width value securing component, for the width value according to the current browser window detected, obtains navigation bar width value;
First self-adaptation assembly, when difference for the width value when navigation bar width value and the second viewing area is less than or equal to the width value of the first viewing area of configuration, be the difference of the width value of navigation bar width value and the second viewing area by the width adjustment of the first viewing area, and hide the 3rd viewing area;
Second self-adaptation assembly, when difference for the width value when navigation bar width value and the second viewing area is greater than the width value of the first viewing area, it is the width value of the first viewing area of configuration by the width adjustment of the first viewing area, and the width value of the 3rd viewing area is adjusted to the difference of the first width and the second width, the width that described first width deducts the first viewing area by navigation bar width obtains, and described second width is the width of the second viewing area.
6. device as claimed in claim 5, it is characterized in that, described device also comprises:
Display adjustment unit, for adjusting the number of the shortcut icon shown in the first viewing area, and the width of the search shown in the 3rd viewing area article.
7. device as claimed in claim 5, it is characterized in that, described device also comprises:
Display dispensing unit, for receiving the separator drag command that user sends, determine the width value of the first viewing area and the 3rd viewing area according to the width of separator position and the second viewing area, and the ratio of the width value of the width value of the first viewing area, the width value of the 3rd viewing area or the width value of the first viewing area and the 3rd viewing area is stored in the server.
8. a browser, is characterized in that, described browser comprises the device of the navigation bar of self-adaptative adjustment on a web browser described in the arbitrary claim of claim 5 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110175302.9A CN102855124B (en) | 2011-06-27 | 2011-06-27 | A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110175302.9A CN102855124B (en) | 2011-06-27 | 2011-06-27 | A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102855124A CN102855124A (en) | 2013-01-02 |
| CN102855124B true CN102855124B (en) | 2016-01-20 |
Family
ID=47401738
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110175302.9A Active CN102855124B (en) | 2011-06-27 | 2011-06-27 | A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102855124B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108052677A (en) * | 2018-01-02 | 2018-05-18 | 武汉斗鱼网络科技有限公司 | Page processing method, device and readable storage medium storing program for executing |
Families Citing this family (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103970400B (en) * | 2013-02-04 | 2016-04-06 | 腾讯科技（深圳）有限公司 | The method of process dock and device |
| CN106020632A (en) * | 2016-05-25 | 2016-10-12 | 青岛海信电器股份有限公司 | Self-adaptive display method and self-adaptive display device for pages |
| CN106339437A (en) * | 2016-08-19 | 2017-01-18 | 合网络技术（北京）有限公司 | Browser display method and device |
| CN106896982A (en) * | 2017-02-10 | 2017-06-27 | 惠州Tcl移动通信有限公司 | A kind of mobile terminal virtual key method to set up and system |
| CN107241638A (en) * | 2017-06-30 | 2017-10-10 | 环球智达科技（北京）有限公司 | The method for configuring navigation bar |
| CN107197335A (en) * | 2017-06-30 | 2017-09-22 | 环球智达科技（北京）有限公司 | The method for obtaining navigation bar information |
| CN107402996A (en) * | 2017-07-19 | 2017-11-28 | 环球智达科技（北京）有限公司 | Interface creating method based on cloud control |
| CN107249138A (en) * | 2017-07-19 | 2017-10-13 | 环球智达科技（北京）有限公司 | data processing method based on cloud control |
| CN107621967B (en) * | 2017-09-27 | 2021-06-18 | 深圳市道通科技股份有限公司 | Method and device for realizing system user interface |
| CN110020230B (en) * | 2017-09-30 | 2021-11-30 | 北京国双科技有限公司 | Self-adaptive display method and device of navigation bar |
| CN109597956A (en) * | 2018-12-10 | 2019-04-09 | 北京字节跳动网络技术有限公司 | Page display method and device |
| CN110308835B (en) * | 2019-06-05 | 2022-10-14 | 创新先进技术有限公司 | Method and device for controlling view control and electronic equipment |
| CN112579927A (en) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | Method and device for displaying navigation bar |
| CN114691964A (en) * | 2022-04-06 | 2022-07-01 | 北京字跳网络技术有限公司 | Method, apparatus, device and storage medium for searching recommendation |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
| CN102016795A (en) * | 2008-04-25 | 2011-04-13 | 微软公司 | Extensible and application-adaptable toolbar for web services |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060253586A1 (en) * | 2005-05-04 | 2006-11-09 | Woods Michael E | System, Method, and Computer Program Product for Internet Tool |
| US8689137B2 (en) * | 2005-09-07 | 2014-04-01 | Microsoft Corporation | Command user interface for displaying selectable functionality controls in a database application |
-
2011
- 2011-06-27 CN CN201110175302.9A patent/CN102855124B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
| CN102016795A (en) * | 2008-04-25 | 2011-04-13 | 微软公司 | Extensible and application-adaptable toolbar for web services |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108052677A (en) * | 2018-01-02 | 2018-05-18 | 武汉斗鱼网络科技有限公司 | Page processing method, device and readable storage medium storing program for executing |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102855124A (en) | 2013-01-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102855124B (en) | A kind of method of the navigation bar of self-adaptative adjustment on a web browser, device and browser | |
| US8910053B2 (en) | Mobile terminal, electronic system and method of transmitting and receiving data using the same | |
| US10025405B2 (en) | Mobile terminal and control method for linking information with a memo | |
| US9092131B2 (en) | Highlighting of tappable web page elements | |
| KR20130081838A (en) | Mobile termianl and method for controlling of the same | |
| CN109885314B (en) | Automatic layout method and device for small programs | |
| JP2015505627A (en) | Cloud content recognition | |
| US9317244B2 (en) | Mobile terminal | |
| US10444846B2 (en) | Adjustable video player | |
| EP3396563A1 (en) | Network resource recommendation method and computer device | |
| CN105468674A (en) | Window interception method and device and terminal equipment | |
| WO2022001553A1 (en) | Font adjustment method and apparatus, storage medium, and electronic device | |
| CN105094841A (en) | Page commenting method and device | |
| CN106155524A (en) | Page control method and device | |
| CN104636396A (en) | Page positioning method and device | |
| CN103809886A (en) | Cursor positioning method and mobile terminal | |
| CN104615764A (en) | Display method and electronic equipment | |
| KR20130081535A (en) | Electronic device and method of controlling the same | |
| CN103634691A (en) | Method and system for editing icons on television terminal | |
| Magomadov | Exploring the role of progressive web applications in modern web development | |
| US11030333B2 (en) | Discovering availability of digital media from multiple sources | |
| CN112114735B (en) | Method and device for managing tasks | |
| CN114742013A (en) | Online document display method and device and electronic equipment | |
| CN111225266B (en) | User interface interaction method and system | |
| CN114281310A (en) | Page frame setting method, device, equipment, storage medium and program product |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |