CN102855124A - Method and device for adjusting navigation bar in self-adaptive manner on browser and browser - Google Patents
Method and device for adjusting navigation bar in self-adaptive manner on browser and browser Download PDFInfo
- Publication number
- CN102855124A CN102855124A CN2011101753029A CN201110175302A CN102855124A CN 102855124 A CN102855124 A CN 102855124A CN 2011101753029 A CN2011101753029 A CN 2011101753029A CN 201110175302 A CN201110175302 A CN 201110175302A CN 102855124 A CN102855124 A CN 102855124A
- Authority
- CN
- China
- Prior art keywords
- viewing area
- width value
- width
- 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.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention is suitable for the field of computer software, and provides a method and device for adjusting a navigation bar on a browser in a self-adaptive manner, and the browser. The method comprises the following steps of: dividing the navigation bar of a browser window into multiple display regions including a first display region, a second display region and a third display region; detecting the width value of the current browser window and the width value of the second display region; obtaining pre-stored configuration information of the display regions from a server, wherein the configuration information comprises the configured width value of the first display region, the width value of the third display region, or the ratio of the width of the first display region to the width of the third display region; adjusting the width of the first display region and/or the width of the third display region of the navigation bar according to the detected width value of the current browser window, the detected width value of the second display region and the configuration information of the display regions. The method and the device can be used for adjusting the display navigation bar in the self-adaptive manner in different environments.
Description
Technical field
The invention belongs to computer software fields, relate in particular to a kind of on browser self-adaptation adjust method, and device and the browser of navigation bar.
Background technology
Along with popularizing and scientific and technological continuous progress of internet, various Internet services emerge in an endless stream.Now, generally all be to come view Internet information by browser.
Yet in current browser, the customizability of navigation bar is poor, can't adapt to different environment.For example: navigation bar comprises shortcut menu and searching menu, when the user in resolution larger lower time of environment, this navigation bar can show shortcut menu and searching menu simultaneously.And occupy lower time of environment of small in resolution as the user, because navigation bar does not arrange the priority level of demonstration, can't show according to different environment self-adaptions, then cause navigation bar under the environment of little resolution, can not show shortcut menu and person's searching menu according to the priority level that shows, if this moment, the user mainly needed to use shortcut icon, the shortcut icon number that then can show because resolution is too small very little, be unfavorable for user's use, caused the very big inconvenience in user's experience.
Summary of the invention
The purpose of the embodiment of the invention be to provide a kind of on browser self-adaptation adjust the method for navigation bar, the display mode that is intended to solve navigation bar can not adapt to the problem of demonstration under varying environment.
The embodiment of the invention is to realize like this, a kind of on browser self-adaptation adjust the method for navigation bar, the navigation bar of described browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, described the 3rd viewing area is used for showing the search bar, 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;
Obtain the configuration information of pre-stored viewing area from server, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area.Another purpose of the embodiment of the invention be to provide a kind of on browser self-adaptation adjust the device of navigation bar, described device comprises:
The navigation bar zoning unit, be used for the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, and described the 3rd viewing area is used for showing the search bar;
Detecting unit, for detection of the width value of browser window and the width value of the second viewing area, and from server, obtain the configuration information of pre-stored viewing area, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit is used for the width value according to the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area and adjusts the first viewing area of navigation bar and/or the width of the 3rd viewing area.
Another purpose of the embodiment of the invention be to provide a kind of comprise described on browser self-adaptation adjust the browser of the device of navigation bar.
In embodiments of the present invention, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area, realized the width value of each viewing area of self-adaptation adjustment navigation bar under varying environment, 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.
Description of drawings
Fig. 1 is the method flow diagram that the self-adaptation on browser that provides of first embodiment of the invention is adjusted navigation bar;
Fig. 2 is the structure drawing of device that the self-adaptation on browser that provides of second embodiment of the invention is adjusted navigation bar.
Embodiment
In order to make purpose of the present invention, technical scheme and advantage clearer, 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, is not intended to limit the present invention.
The embodiment of the invention provide a kind of on browser self-adaptation adjust the method for navigation bar, after the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the configuration information of the width value of the width value of the current browser window that detects, the second viewing area and the viewing area of presetting.
The invention provides the method and apparatus of self-adaptation adjustment navigation bar on a kind of browser:
Described method comprises:
The navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, and described the 3rd viewing area is used for showing the search bar;
Detect the width value of current browser window and the width value of the second viewing area;
Obtain the configuration information of pre-stored viewing area from server, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area.
Described device comprises:
The navigation bar zoning unit, be used for the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, and described the 3rd viewing area is used for showing the search bar;
Detecting unit, for detection of the width value of browser window and the width value of the second viewing area, and from server, obtain the configuration information of pre-stored viewing area, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;
Adaptive unit is used for the width value according to the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area and adjusts the first viewing area of navigation bar and/or the width of the 3rd viewing area.
Embodiment one:
Be illustrated in figure 1 as that first embodiment of the invention provides a kind of on browser self-adaptation adjust the process flow diagram of the method for navigation bar, for convenience of explanation, only show the part relevant with the embodiment of the invention.
In step S101, the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area.
In embodiments of the present invention, behind the system initialization, navigation bar is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area.Wherein, the first viewing area is used for showing shortcut icon, and the second viewing area is used for showing separator, and the 3rd viewing area is used for showing the search bar.
In step S102, detect the width value of current browser window and the width value of the second viewing area.
In embodiments of the present invention, the browser window width generally has a default value, in the ordinary course of things, and with acquiescence width value display navigation device window.
But when showing under different resolution, the browser window width can change thereupon.Therefore, before display navigation device window, can finely tune the browser window width value of acquiescence according to the resolution of current environment, obtain actual browser window width value.As: the browser window width value of user preset is larger, but the resolution of current system is hour, then the width value of browser window may be diminished, and the browser window that adapts under the current resolution is browsed.
And when the user dragged browser window, the width of browser window also can change thereupon.
Therefore, the method for obtaining the browser window width is: the first, and the acquiescence width value of detection browser window; The second, according to the resolution of current system the default browser window width is finely tuned, detect actual browser window width value; The 3rd, drag the order of browser window according to the user who receives, detect the browser window width value.
Be specially, preset a variable and be used for expression browser window width, obtain this variable by the interface that provides by browser when the system initialization, just can obtain browser window width size.Design variables clientWidth is used for expression browser window width value herein.And the width value of the second viewing area is a default definite value, can directly obtain.
In embodiments of the present invention, except navigation bar, the width value of remainder (for example width value in the zone of navigation bar both sides) determines in the browser window, and the width value that therefore obtains browser window just can be learnt the width value of navigation bar.
In step S103, from server, obtain the configuration information of pre-stored viewing area, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps 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 the navigation bar width value; 2) be preset with the viewing area that width is definite value on browser window navigation bar both sides, be used for showing such as LOGO or other information, then the navigation bar width value is the width value that the window width value deducts viewing area, navigation bar both sides.If first kind of way, then the browser window width value is the first viewing area in the 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 the 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 one or obtain the width of the first viewing area and the ratio of the width of the 3rd viewing area, and after detecting the browser window width value, just can obtain by subtraction the width value of each viewing area.
In embodiments of the present invention, the mode that obtains the configuration information of pre-stored viewing area can be following four kinds, and the below will introduce one by one in detail.
The ratio of the width of A, the first viewing area width value that obtains acquiescence, the 3rd viewing area width value or the first viewing area and the width of the 3rd viewing area.
In embodiments of the present invention, in the situation that the user does not login, adopt the first viewing area width value of acquiescence or the 3rd viewing area width value to show shortcut icon and search bar.
When the user did not login, system gave default value for the first viewing area or the 3rd viewing area, then according to the width value show navigator hurdle shortcut icon of giving tacit consent to and search bar.Specifically have two kinds, one if give default value with the first viewing area width, then according to the browser window width value that detects, the first viewing area width value and the second viewing area width value of acquiescence, can obtain the width value of the 3rd viewing area.Its two, if give default value with the 3rd viewing area width, then according to the browser window width value that detects, the 3rd viewing area width value and the second viewing area width value of acquiescence, can obtain the width value of the first viewing area.Also can directly not give tacit consent to shortcut viewing area width value or search bar viewing area width value, but then the ratio of the width of the width of default setting the first viewing area and the 3rd viewing area obtain the first viewing area and the 3rd viewing area width value according to the browser window width value.
The ratio of the width of B, the width that obtains user-defined the first viewing area width value, the 3rd viewing area width value or the first viewing area and the 3rd viewing area.
In embodiments of the present invention, the user after login, the first viewing area width value or the 3rd viewing area width value in the self-defined configuration navigation bar.Then after user's login, system obtains the first viewing area width value or the 3rd viewing area width value of User Defined configuration by CGI.If user-defined is the first viewing area width value, then obtain the 3rd viewing area width value according to the browser window width value that detects, self-defining the first viewing area width value with the second viewing area width value of presetting.If user-defined is the 3rd viewing area width value, then obtain the first viewing area width value according to the browser window width value that detects, self-defining the 3rd viewing area width value with the second viewing area width value of presetting.Also the first viewing area width value or the 3rd viewing area width value can be set directly, but then the ratio of the width of the self-defined width that the first viewing area is set and the 3rd viewing area obtain the first viewing area width value or the 3rd viewing area width value according to the browser window width value.The width value of the first viewing area is submitted to server to be preserved.
In step S104, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area.
In embodiments of the present invention, according to the width value of the current browser window that detects, obtain the 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 the navigation bar width value; 2) be preset with the viewing area that width is definite value on browser window navigation bar both sides, be used for showing such as LOGO or other information, then the navigation bar width value is the width value that the 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, according to the navigation bar width value and the first viewing area width value determines the first viewing area or/and the width of the 3rd viewing area.
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 with 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 during greater than the width value of the first viewing area, with the width adjustment of the first viewing area width value for the first viewing area of configuration, and be the difference that the navigation bar width value deducts the width of the width of the first viewing area and the second viewing area with the width adjustment of the 3rd viewing area.
The second, when the width value of configuration information the 3rd viewing area of viewing area, adjust the first viewing area or/and the width of the 3rd 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.
The 3rd, when the ratio of the width of the width of configuration information first viewing area of viewing area and the 3rd viewing area, adjust the first viewing area of navigation bar or/and the width of the 3rd viewing area according to the ratio of the width of the width of the width value of the width value of browser window, the second viewing area and the first viewing area and the 3rd viewing area.
In embodiments of the present invention, in the first viewing area, because the size of shortcut icon is a default fixed value, then determine the number of displayable shortcut icon in current the first viewing area according to the width of current the first viewing area width value big or small and each shortcut icon, and hiding all the other shortcut icons (add the overflow:hidden attribute by giving the shortcut viewing area, realize that shortcut icon surpasses the viewing area part and automatically hides).When the width of the first viewing area became large, the number of the shortcut icon of demonstration increased; When the width of the first viewing area diminished, the number of the shortcut of demonstration reduced.
And the shortcut icon in the first viewing area can after system receives the dilatory instruction of icon of user's input, be resequenced to the shortcut icon that shows in the first viewing area.Simultaneously, the shortcut icon in the first viewing area can add or delete according to the user add instruction that receives or user's delete instruction and adds or delete.If deleted the shortcut icon in first viewing area, first shortcut icon that then automatically will hide is presented in the first viewing area; If deleted the shortcut icon in individual the first viewing area of N, then automatically the top n shortcut icon of hiding be presented in the first viewing area.If add in shortcut icon to the first viewing area, then corresponding that follow-up shortcut icon is hiding.
In the 3rd viewing area, the length of search bar can change along with the 3rd viewing area width change.
In another embodiment of the present invention, the described method that self-adaptation is adjusted navigation bar on browser also comprises:
The separator that the reception user sends drags order, 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 width value of the width value of the first viewing area, the 3rd viewing area or the first viewing area and the 3rd viewing area is stored in the server.
In embodiments of the present invention, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area, realized the width value of each viewing area of self-adaptation adjustment navigation bar under varying environment, and show different contents according to the width value self-adaptation of each viewing area, a kind of efficient, adaptable navigation bar is provided.
Embodiment two:
The self-adaptation on browser that Fig. 2 shows the embodiment of the invention to be provided is adjusted the structure of the device of navigation bar, for convenience of explanation, only shows the part relevant with the embodiment of the invention.This device can be to be built in the unit that software unit, hardware cell or software and hardware in the browser combine, and perhaps is integrated in the application system of browser or browser as suspension member independently.Wherein:
Navigation bar zoning unit 21, be used for the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, the first viewing area is used for showing shortcut icon, the second viewing area is used for showing separator, and the 3rd viewing area is used for showing the search bar;
Detecting unit 22, for detection of the width value of network operating system window and the width value of the second viewing area, and from server, obtain the configuration information of pre-stored viewing area, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;
In embodiments of the present invention, described adaptive unit 23 comprises:
The first adaptation module 231, when being used for configuration information in described viewing area and comprising the width value of the first viewing area, according to the width value of the width value of the second viewing area, the first viewing area and the navigation bar width value, the first viewing area of adjusting navigation bar and/or the width of the 3rd viewing area that are obtained by the width value of network operating system window.
In embodiments of the present invention, described the first adaptation module comprises:
Navigation bar width value securing component 2331 is used for the width value according to the current browser window that detects, and obtains the navigation bar width value.
The first self-adaptation assembly 2332, when being used for difference when the width value of navigation bar width value and the second viewing area and being 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 with the width adjustment of the first viewing area, and hide the 3rd viewing area;
The second self-adaptation assembly 2333, be used for when the difference of the width value of navigation bar width value and the second viewing area during greater than the width value of the first viewing area, with the width adjustment of the first viewing area width value for the first viewing area of configuration, and be the difference that the navigation bar width value deducts the width of the width of the first viewing area and the second viewing area with the width adjustment of the 3rd viewing area.
The second adaptation module 232, when being used for configuration information in described viewing area and comprising the width value of the 3rd viewing area, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the width value of the second viewing area, the 3rd viewing area and by the navigation bar width value that the width value of network operating system window obtains;
The 3rd adaptation module 233, when being used for the ratio of width that configuration information in described viewing area comprises the first viewing area and the width of the 3rd viewing area, the first viewing area of the navigation bar width value adjustment navigation bar that obtains according to the ratio of the width of the width of the width value of the second viewing area, the first viewing area and the 3rd viewing area and by the width value of network operating system window and/or the width of the 3rd viewing area.
In another embodiment of the present invention, the described device that self-adaptation is adjusted navigation bar on browser also comprises:
Show adjustment unit, be used for adjusting the number of the shortcut icon that the first viewing area shows, and the width of the search bar that shows in the 3rd viewing area.
In another embodiment of the present invention, the described device that self-adaptation is adjusted navigation bar on browser also comprises:
Show dispensing unit, the separator that sends for the reception user drags order, 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 width value of the width value of the first viewing area, the 3rd viewing area or the first viewing area and the 3rd viewing area is stored in the server.
In embodiments of the present invention, adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area, realized the width value of each viewing area of self-adaptation adjustment navigation bar under varying environment, and show different contents according to the width value self-adaptation of each viewing area, a kind of efficient, adaptable navigation bar is provided.
Embodiment three:
Third embodiment of the invention provides a kind of navigation bar region partitioning method that is embodied in self-adaptation adjustment navigation bar on the browser.This kind navigation bar division methods can add the content of more practicalities in navigation bar, the user experiences better.
In an embodiment of the present invention, in advance navigation bar being carried out the zone divides, from left to right, successively the navigation bar of webOS window is divided into navigation bar left side reserved area, left side, shortcut zone reserved area, shortcut zone, the regional right side of shortcut reserved area, separator, search bar and navigation bar right side reserved area.Certainly, also can divide in the same way from right to left.Wherein, the navigation bar width is navigation bar separator left side overall width, search bar width and navigation bar separator width sum, is browser webOS window width and deducts navigation bar left side reserved area width, deducts navigation bar right side reserved area width gained again; And navigation bar left side overall width is shortcut peak width, shortcut zone left side reserved area width and right side, shortcut zone reserved area width sum.Wherein, the width of navigation bar left side reserved area, navigation bar right side reserved area, left side, shortcut zone reserved area, shortcut zone right side reserved area and separator is definite value, can not change along with the change of webOS window width size.These fixing zones can be used for embodying better user's request according to the various contents of the required interpolation of user.
According to such scheme, default a plurality of navigation bar area variables, described area variable includes but not limited to: navigation bar left side reserved area width marginLeft, navigation bar right side reserved area width marginRight, navigation bar width appBarWidth, navigation bar separator left side overall width appBarLeft, search bar width appBarRight, navigation bar separator width spliterWidth, shortcut peak width quickLink, left side, shortcut zone reserved area width quickLinkLeft, shortcut zone right side reserved area width quickLinkRight.Above-mentioned variable all can be configured in script file.One of ordinary skill in the art will appreciate that, realize that all or part of step in above-described embodiment method is to come the relevant hardware of instruction to finish by program, described program can be in being stored in a computer read/write memory medium, described storage medium is such as ROM/RAM, disk, CD etc.
The above only is preferred embodiment of the present invention, not in order to limiting the present invention, all any modifications of doing within the spirit and principles in the present invention, is equal to and replaces and improvement etc., all should be included within protection scope of the present invention.
Claims (10)
- One kind on browser self-adaptation adjust the method for navigation bar, the navigation bar of described browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, described the 3rd viewing area is used for showing the search bar, 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;Obtain the configuration information of pre-stored viewing area from server, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;Adjust the first viewing area of navigation bar and/or the width of the 3rd viewing area according to the width value of the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area.
- 2. the method for claim 1, it is characterized in that, when the configuration information of described viewing area comprises the width value of the first viewing area of configuration, width value according to the first viewing area of the width value of the width value of current browser window, the second viewing area and configuration is adjusted the first viewing area of navigation bar and/or the width of the 3rd viewing area, and step is specially:According to the width value of the current browser window that detects, obtain the 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 with 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 during greater than the width value of the first viewing area, with the width adjustment of the first viewing area width value for the first viewing area of configuration, and be the difference that the navigation bar width value deducts the width of the width of the first viewing area and the second viewing area with the width adjustment of the 3rd viewing area.
- 3. the method for claim 1 is characterized in that, the step of the width of described adjustment the first viewing area is specially:Determine the number of displayable shortcut icon in current the first viewing area according to the width size of current the first viewing area and the width value of each shortcut icon, and hide all the other shortcut icons.
- 4. method as claimed in claim 3 is characterized in that, described method also comprises the steps:Receive the dilatory instruction of icon of user's input, the shortcut icon that shows in the first viewing area is resequenced; PerhapsThe icon that receives user's input adds instruction, and the shortcut icon that described icon is added the instruction appointment is presented at the first viewing area; PerhapsReceive the icon delete instruction of user's input, the shortcut icon of described icon delete instruction appointment is deleted from the first viewing area.
- 5. the method for claim 1 is characterized in that, described method also comprises the steps:The separator that the reception user sends drags order, 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 width value of the width value of the first viewing area, the 3rd viewing area or the first viewing area and the 3rd viewing area is stored in the server.
- 6. the device of a self-adaptation adjustment navigation bar on browser is characterized in that, described device comprises:The navigation bar zoning unit, be used for the navigation bar of browser window is divided into a plurality of viewing areas that comprise the first viewing area, the second viewing area and the 3rd viewing area, described the first viewing area is used for showing shortcut icon, described the second viewing area is used for showing separator, and described the 3rd viewing area is used for showing the search bar;Detecting unit, for detection of the width value of browser window and the width value of the second viewing area, and from server, obtain the configuration information of pre-stored viewing area, described configuration information comprises the width value of the first viewing area of configuration, the width value of the 3rd viewing area, the perhaps ratio of the width of the width of the first viewing area and the 3rd viewing area;Adaptive unit is used for the width value according to the current browser window that detects, the width value of the second viewing area and the configuration information of viewing area and adjusts the first viewing area of navigation bar and/or the width of the 3rd viewing area.
- 7. device as claimed in claim 6 is characterized in that, when the configuration information that obtains from server when described detecting unit comprised the width value of the first viewing area of configuration, described adaptive unit comprised the first adaptation module, and described adaptation module comprises:Navigation bar width value securing component is used for the width value according to the current browser window that detects, and obtains the navigation bar width value;The first self-adaptation assembly, when being used for difference when the width value of navigation bar width value and the second viewing area and being 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 with the width adjustment of the first viewing area, and hide the 3rd viewing area;The second self-adaptation assembly, be used for when the difference of the width value of navigation bar width value and the second viewing area during greater than the width value of the first viewing area, with the width adjustment of the first viewing area width value for the first viewing area of configuration, and be the difference that the navigation bar width value deducts the width of the width of the first viewing area and the second viewing area with the width adjustment of the 3rd viewing area.
- 8. such as claim 6 or 7 described devices, it is characterized in that, described device also comprises:Show adjustment unit, be used for adjusting the number of the shortcut icon that the first viewing area shows, and the width of the search bar that shows in the 3rd viewing area.
- 9. device as claimed in claim 6 is characterized in that, described device also comprises:Show dispensing unit, the separator that sends for the reception user drags order, 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 width value of the width value of the first viewing area, the 3rd viewing area or the first viewing area and the 3rd viewing area is stored in the server.
- 10. a browser is characterized in that, described browser comprises the described navigation bar self-reacting device based on browser of the arbitrary claim of claim 9 to 14.
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 true CN102855124A (en) | 2013-01-02 |
| CN102855124B 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 (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2014117570A1 (en) * | 2013-02-04 | 2014-08-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for processing dockbar, and storage medium |
| 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 |
| CN107197335A (en) * | 2017-06-30 | 2017-09-22 | 环球智达科技（北京）有限公司 | The method for obtaining navigation bar information |
| CN107241638A (en) * | 2017-06-30 | 2017-10-10 | 环球智达科技（北京）有限公司 | The method for configuring navigation bar |
| CN107249138A (en) * | 2017-07-19 | 2017-10-13 | 环球智达科技（北京）有限公司 | data processing method based on cloud control |
| CN107402996A (en) * | 2017-07-19 | 2017-11-28 | 环球智达科技（北京）有限公司 | Interface creating method based on cloud control |
| CN107621967A (en) * | 2017-09-27 | 2018-01-23 | 深圳市道通科技股份有限公司 | The implementation method and device of a kind of system user interface |
| CN109597956A (en) * | 2018-12-10 | 2019-04-09 | 北京字节跳动网络技术有限公司 | Page display method and device |
| CN110020230A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | A kind of adaptive display method and device of navigation bar |
| CN110308835A (en) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | Control the method, apparatus and electronic equipment of view control |
| 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 |
Families Citing this family (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 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
| US20060253586A1 (en) * | 2005-05-04 | 2006-11-09 | Woods Michael E | System, Method, and Computer Program Product for Internet Tool |
| US20070055943A1 (en) * | 2005-09-07 | 2007-03-08 | Microsoft Corporation | Command user interface for displaying selectable functionality controls in a database applicaiton |
| CN102016795A (en) * | 2008-04-25 | 2011-04-13 | 微软公司 | Extensible and application-adaptable toolbar for web services |
-
2011
- 2011-06-27 CN CN201110175302.9A patent/CN102855124B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7036087B1 (en) * | 2000-11-06 | 2006-04-25 | Gary Odom | Toolbar manipulations |
| US20060253586A1 (en) * | 2005-05-04 | 2006-11-09 | Woods Michael E | System, Method, and Computer Program Product for Internet Tool |
| US20070055943A1 (en) * | 2005-09-07 | 2007-03-08 | Microsoft Corporation | Command user interface for displaying selectable functionality controls in a database applicaiton |
| CN102016795A (en) * | 2008-04-25 | 2011-04-13 | 微软公司 | Extensible and application-adaptable toolbar for web services |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10268353B2 (en) | 2013-02-04 | 2019-04-23 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for processing dockbar and storage medium |
| WO2014117570A1 (en) * | 2013-02-04 | 2014-08-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for processing dockbar, and storage medium |
| 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 |
| CN107197335A (en) * | 2017-06-30 | 2017-09-22 | 环球智达科技（北京）有限公司 | The method for obtaining navigation bar information |
| CN107241638A (en) * | 2017-06-30 | 2017-10-10 | 环球智达科技（北京）有限公司 | The method for configuring navigation bar |
| CN107249138A (en) * | 2017-07-19 | 2017-10-13 | 环球智达科技（北京）有限公司 | data processing method based on cloud control |
| CN107402996A (en) * | 2017-07-19 | 2017-11-28 | 环球智达科技（北京）有限公司 | Interface creating method based on cloud control |
| CN107621967A (en) * | 2017-09-27 | 2018-01-23 | 深圳市道通科技股份有限公司 | The implementation method and device of a kind of system user interface |
| CN110020230A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | A kind of adaptive display method and device of navigation bar |
| 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 |
| CN110308835A (en) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | Control the method, apparatus and electronic equipment of view control |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102855124B (en) | 2016-01-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102855124A (en) | Method and device for adjusting navigation bar in self-adaptive manner on browser and browser | |
| US11119627B2 (en) | Information display method, device, apparatus and storage medium | |
| KR101850264B1 (en) | Touch screen user interface to present media | |
| US8347232B1 (en) | Interactive user interface | |
| US8819582B2 (en) | Mobile browser context switching | |
| US9035887B1 (en) | Interactive user interface | |
| US20180260081A1 (en) | Task switching or task launching based on a ranked list of tasks | |
| US20140089842A1 (en) | Method and device for interface display | |
| KR20140070330A (en) | Method and apparatus for switching application programs | |
| US11329942B2 (en) | Methods, systems, and media for presenting messages related to notifications | |
| CN103309575B (en) | The method of display icon and terminal | |
| CN109408752A (en) | Online document methods of exhibiting, device and electronic equipment | |
| US9329759B1 (en) | Customized content display and interaction | |
| WO2016144898A1 (en) | Video content play | |
| US20220114012A1 (en) | Mini app switching method, framework, electronic apparatus and non-transitory computer-readable storage medium | |
| CN109508128A (en) | Search for control display methods, device, equipment and computer readable storage medium | |
| CN105138703A (en) | Web search method based on search engines and electronic equipment | |
| US20180225132A1 (en) | Platform and interface for providing user assistance in a computing system | |
| US20150286342A1 (en) | System and method for displaying application data through tile objects | |
| CN106155524A (en) | Page control method and device | |
| EP3362883A1 (en) | Touch gesture control of video playback | |
| US20150040009A1 (en) | Adjustable Video Player | |
| CN107256116B (en) | Page switching processing method and device, user terminal and readable storage medium | |
| CN113835588A (en) | Shortcut setting method and device, electronic equipment and storage medium | |
| WO2016106232A1 (en) | Adaptive electronic document |
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 |