CN102855124A - 一种在浏览器上自适应调整导航栏的方法、装置及浏览器 - Google Patents
一种在浏览器上自适应调整导航栏的方法、装置及浏览器 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
本发明适用于计算机软件领域,提供了一种在浏览器上自适应调整导航栏的方法、装置及浏览器,所述方法包括:将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区;检测当前浏览器窗口的宽度值和第二显示区的宽度值;从服务器中获取预先存储的显示区的配置信息,配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。实现了在不同环境下自适应调整显示导航栏。
Description
技术领域
本发明属于计算机软件领域,尤其涉及一种在浏览器上自适应调整导航栏的方法、及装置及浏览器。
背景技术
随着互联网的普及和科技的不断进步,各种各样的互联网服务层出不穷。现今,一般都是通过浏览器来浏览互联网信息。
然而,在当前的浏览器中,导航栏的可定制性差,无法适应不同的环境。例如:导航栏包括快捷方式菜单和搜索菜单,当用户在分辨率较大的环境下时,该导航栏能同时显示快捷方式菜单和搜索菜单。而当用户居于较小分辨率的环境下时,由于导航栏没有设置显示的优先级别,无法根据不同的环境自适应显示,则导致导航栏只能在小分辨率的环境下不能根据显示的优先级别来显示快捷方式菜单及者搜索菜单,此时若用户主要需要应用快捷方式图标,则会因为分辨率过小而显示的快捷方式图标个数太少,不利于用户的使用,造成了用户体验上的极大不便。
发明内容
本发明实施例的目的在于提供一种在浏览器上自适应调整导航栏的方法,旨在解决导航栏的显示方式不能在不同环境下适应显示的问题。
本发明实施例是这样实现的,一种在浏览器上自适应调整导航栏的方法,所述浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条,其特征在于,所述方法包括下述步骤:
检测当前浏览器窗口的宽度值和第二显示区的宽度值;
从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。本发明实施例的另一目的在于提供一种在浏览器上自适应调整导航栏的装置,所述装置包括:
导航栏分区单元,用于将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条;
检测单元,用于检测浏览器窗口的宽度值和第二显示区的宽度值,并从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
自适应单元,用于根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
本发明实施例另一目的在于提供一种包括所述在浏览器上自适应调整导航栏的装置的浏览器。
在本发明实施例中,根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度,实现了在不同环境下自适应调整导航栏的各个显示区的宽度值,并根据各个显示区的宽度值自适应显示不同的内容,提供了一种高效的、自适应性强的导航栏。
附图说明
图1是本发明第一实施例提供的在浏览器上自适应调整导航栏的方法流程图;
图2是本发明第二实施例提供的在浏览器上自适应调整导航栏的装置结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例提供一种在浏览器上自适应调整导航栏的方法,将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区后,根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及预置的显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
本发明提供了一种浏览器上自适应调整导航栏的方法和装置:
所述方法包括:
将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条;
检测当前浏览器窗口的宽度值和第二显示区的宽度值;
从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
所述装置包括:
导航栏分区单元,用于将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条;
检测单元,用于检测浏览器窗口的宽度值和第二显示区的宽度值,并从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
自适应单元,用于根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
实施例一:
如图1所示为本发明第一实施例提供的一种在浏览器上自适应调整导航栏的方法的流程图,为了便于说明,仅示出了与本发明实施例相关的部分。
在步骤S101中,将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区。
在本发明实施例中,***初始化后,将导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区。其中,第一显示区用于显示快捷方式图标,第二显示区用于显示分隔符,第三显示区用于显示搜索条。
在步骤S102中,检测当前浏览器窗口的宽度值和第二显示区的宽度值。
在本发明实施例中,浏览器窗口宽度一般会有一个默认值,在一般情况下,以默认宽度值显示浏览器窗口。
但是,当在不同分辨率下显示时,浏览器窗口宽度会随之改变。因此,在显示浏览器窗口前,会根据当前环境的分辨率对默认的浏览器窗口宽度值进行微调,来获取实际的浏览器窗口宽度值。如:用户预设的浏览器窗口宽度值较大,但当前***的分辨率较小时,则可能会将浏览器窗口的宽度值变小,来适应当前分辨率下的浏览器窗口浏览。
且当用户拖动浏览器窗口时,浏览器窗口的宽度也会随之改变。
因此,获取浏览器窗口宽度的方法为:第一,检测浏览器窗口的默认宽度值;第二,根据当前***的分辨率对默认浏览器窗口宽度进行微调,检测实际的浏览器窗口宽度值;第三,根据接收到的用户拖动浏览器窗口的命令,检测浏览器窗口宽度值。
具体为,预设了一个变量用于表示浏览器窗口宽度,通过在***初始化时通过浏览器提供的接口获取此变量,便能得到浏览器窗口宽度大小。此处预设变量clientWidth用于表示浏览器窗口宽度值。而第二显示区的宽度值为一预设的定值,可直接获取。
在本发明实施例中,浏览器窗口中除了导航栏外,其余部分的宽度值(例如导航栏两侧的区域的宽度值)是确定的,因此获得浏览器窗口的宽度值便可得知导航栏的宽度值。
在步骤S103中,从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值。
在本发明实施例中,由于浏览器窗口包括导航栏,导航栏在浏览器窗口中显示方式具体可为以下两种:1)窗口的宽度值即为导航栏宽度值;2)在浏览器窗口导航栏两边预设有宽度为定值的显示区域,用于显示诸如LOGO或其他信息,则导航栏宽度值为窗口宽度值减去导航栏两边显示区域的宽度值。若为第一种方式,则浏览器窗口宽度值为导航栏中第一显示区、第二显示区和第三显示区宽度值之和,且第二显示区宽度值为一个预设的定值。若为第二种显示方式,则浏览器窗口宽度值为导航栏两边显示区域宽度值、第一显示区、第二显示区和第三显示区宽度值之和,且第三显示区及导航栏两边显示区域的宽度值均为定值。因此,在第一显示区、第三显示区中任意获取一个或获取第一显示区的宽度与第三显示区的宽度的比值,且在检测到浏览器窗口宽度值后便能通过减法获取各个显示区的宽度值。
在本发明实施例中,获得预先存储的显示区的配置信息的方式可为以下四种,下面将一一详细介绍。
A、获取默认的第一显示区宽度值、第三显示区宽度值或第一显示区的宽度与第三显示区的宽度的比值。
在本发明实施例中,在用户未登录的情况下,采用默认的第一显示区宽度值或第三显示区宽度值来显示快捷方式图标和搜索条。
当用户未登录时,***给第一显示区或第三显示区赋予默认值,则按照默认的宽度值显示导航栏快捷方式图标及搜索条。具体有两种,其一,若将第一显示区宽度赋予默认值,则根据检测到的浏览器窗口宽度值、默认的第一显示区宽度值与第二显示区宽度值,即可得到第三显示区的宽度值。其二,若将第三显示区宽度赋予默认值,则根据检测到的浏览器窗口宽度值、默认的第三显示区宽度值与第二显示区宽度值,即可得到第一显示区的宽度值。也可不直接默认快捷方式显示区域宽度值或搜索条显示区域宽度值,而是默认设置第一显示区的宽度与第三显示区的宽度的比值,然后根据浏览器窗口宽度值获得第一显示区及第三显示区宽度值。
B、获取用户自定义的第一显示区宽度值、第三显示区宽度值或第一显示区的宽度与第三显示区的宽度的比值。
在本发明实施例中,用户在登录后,自定义配置导航栏中第一显示区宽度值或第三显示区宽度值。则在用户登录后,***通过CGI获取用户自定义配置的第一显示区宽度值或第三显示区宽度值。若用户自定义的是第一显示区宽度值,则根据检测到的浏览器窗口宽度值、自定义的第一显示区宽度值与预设的第二显示区宽度值获得第三显示区宽度值。若用户自定义的是第三显示区宽度值,则根据检测到的浏览器窗口宽度值、自定义的第三显示区宽度值与预设的第二显示区宽度值获得第一显示区宽度值。也可不直接设置第一显示区宽度值或第三显示区宽度值,而是自定义设置第一显示区的宽度与第三显示区的宽度的比值,然后根据浏览器窗口宽度值获得第一显示区宽度值或第三显示区宽度值。将第一显示区的宽度值提交到服务器进行保存。
在步骤S104中,根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
在本发明实施例中,根据检测到的当前浏览器窗口的宽度值,获得导航栏宽度值。
在本发明实施例中,由于浏览器窗口包括导航栏,导航栏在浏览器窗口中显示方式具体可为以下两种:1)窗口的宽度值即为导航栏宽度值;2)在浏览器窗口导航栏两边预设有宽度为定值的显示区域,用于显示诸如LOGO或其他信息,则导航栏宽度值为窗口宽度值减去导航栏两边显示区域的宽度值。
第一,当显示区的配置信息包括第一显示区宽度值时,根据导航栏宽度值以及第一显示区宽度值确定第一显示区或/和第三显示区的宽度。
当导航栏宽度值与第二显示区的宽度值的差值小于或者等于配置的第一显示区的宽度值时,将第一显示区的宽度调整为导航栏宽度值与第二显示区的宽度值的差值,并隐藏第三显示区;
当导航栏宽度值与第二显示区的宽度值的差值大于第一显示区的宽度值时,将第一显示区的宽度调整为配置的第一显示区的宽度值,并将第三显示区的宽度调整为导航栏宽度值减去第一显示区的宽度与第二显示区的宽度的差值。
第二,当显示区的配置信息第三显示区的宽度值时,根据导航栏宽度值、第二显示区的宽度值以及第三显示区的宽度值调整第一显示区或/和第三显示区的宽度。
第三,当显示区的配置信息第一显示区的宽度与第三显示区的宽度的比值时,根据浏览器窗口的宽度值、第二显示区的宽度值以及第一显示区的宽度与第三显示区的宽度的比值调整导航栏的第一显示区或/和第三显示区的宽度。
在本发明实施例中,在第一显示区,由于快捷方式图标的大小为一预设的固定值,则按照当前第一显示区的宽度大小以及各快捷方式图标的宽度值确定当前第一显示区内可显示的快捷方式图标的个数,并隐藏其余快捷方式图标(通过给快捷方式显示区域添加overflow:hidden属性,来实现快捷方式图标超过显示区域部分自动隐藏)。当第一显示区的宽度变大时,显示的快捷方式图标的个数增多;当第一显示区的宽度变小时,显示的快捷方式的个数减少。
且第一显示区中的快捷方式图标能够在***接收到用户输入的图标拖拉指令后,对第一显示区内显示的快捷方式图标进行重新排序。同时,第一显示区中的快捷方式图标可根据接收到的用户添加指令或用户删除指令进行添加或删除进行添加或删除。若删除了一个第一显示区中的快捷方式图标,则自动将隐藏的第一个快捷方式图标显示在第一显示区中;若删除了N个第一显示区中的快捷方式图标,则自动将隐藏的前N个快捷方式图标显示在第一显示区中。若添加快捷方式图标至第一显示区中,则相应将后续快捷方式图标隐藏。
第三显示区中,搜索条的长度会随着第三显示区宽度的变化而变化。
在本发明另一实施例中,所述在浏览器上自适应调整导航栏的方法还包括:
接收用户发出的分隔符拖动命令,根据分隔符所在位置以及第二显示区的宽度值确定第一显示区和第三显示区的宽度值,并将第一显示区的宽度值、第三显示区的宽度值或者第一显示区的宽度值与第三显示区的宽度值的比值存储在服务器中。
在本发明实施例中,根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度,实现了在不同环境下自适应调整导航栏的各个显示区的宽度值,并根据各个显示区的宽度值自适应显示不同的内容,提供了一种高效的、适应性强的导航栏。
实施例二:
图2示出了本发明实施例提供的在浏览器上自适应调整导航栏的装置的结构,为了便于说明,仅示出了与本发明实施例相关的部份。该装置可以是内置于浏览器中的软件单元、硬件单元或者软硬件相结合的单元,或者作为独立的挂件集成到浏览器或浏览器的应用***中。其中:
导航栏分区单元21,用于将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,第一显示区用于显示快捷方式图标,第二显示区用于显示分隔符,第三显示区用于显示搜索条;
检测单元22,用于检测网络操作***窗口的宽度值和第二显示区的宽度值,并从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
自适应单元23,用于根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
在本发明实施例中,所述自适应单元23包括:
第一自适应模块231,用于在所述显示区的配置信息包括第一显示区的宽度值时,根据第二显示区的宽度值、第一显示区的宽度值及由网络操作***窗口的宽度值所获取的导航栏宽度值、调整导航栏的第一显示区和/或第三显示区的宽度。
在本发明实施例中,所述第一自适应模块包括:
导航栏宽度值获取组件2331,用于根据检测到的当前浏览器窗口的宽度值,获得导航栏宽度值。
第一自适应组件2332,用于当导航栏宽度值与第二显示区的宽度值的差值小于或者等于配置的第一显示区的宽度值时,将第一显示区的宽度调整为导航栏宽度值与第二显示区的宽度值的差值,并隐藏第三显示区;
第二自适应组件2333,用于当导航栏宽度值与第二显示区的宽度值的差值大于第一显示区的宽度值时,将第一显示区的宽度调整为配置的第一显示区的宽度值,并将第三显示区的宽度调整为导航栏宽度值减去第一显示区的宽度与第二显示区的宽度的差值。
第二自适应模块232,用于在所述显示区的配置信息包括第三显示区的宽度值时,根据第二显示区的宽度值、第三显示区的宽度值以及由网络操作***窗口的宽度值所获取的导航栏宽度值调整导航栏的第一显示区和/或第三显示区的宽度;
第三自适应模块233,用于在所述显示区的配置信息包括第一显示区的宽度与第三显示区的宽度的比值时,根据第二显示区的宽度值、第一显示区的宽度与第三显示区的宽度的比值以及由网络操作***窗口的宽度值所获取的导航栏宽度值调整导航栏的第一显示区和/或第三显示区的宽度。
在本发明另一实施例中,所述在浏览器上自适应调整导航栏的装置还包括:
显示调整单元,用于调整第一显示区中显示的快捷方式图标的个数,以及第三显示区中显示的搜索条的宽度。
在本发明另一实施例中,所述在浏览器上自适应调整导航栏的装置还包括:
显示配置单元,用于接收用户发出的分隔符拖动命令,根据分隔符所在位置以及第二显示区的宽度确定第一显示区和第三显示区的宽度值,并将第一显示区的宽度值、第三显示区的宽度值或者第一显示区的宽度值与第三显示区的宽度值的比值存储在服务器中。
在本发明实施例中,根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度,实现了在不同环境下自适应调整导航栏的各个显示区的宽度值,并根据各个显示区的宽度值自适应显示不同的内容,提供了一种高效的、适应性强的导航栏。
实施例三:
本发明第三实施例提供了一种具体实现在浏览器上自适应调整导航栏的导航栏区域划分方法。此种导航栏划分方法可在导航栏中加入更多实用的内容,用户体验更佳。
在本发明的实施例中,预先对导航栏进行区域划分,从左至右,依次将webOS窗口的导航栏划分为导航栏左侧预留区域、快捷方式区域左侧预留区域、快捷方式区域、快捷方式区域右侧预留区域、分隔符、搜索条及导航栏右侧预留区域。当然,也可从右至左按照同样的方式划分。其中,导航栏宽度为导航栏分隔符左侧总宽度、搜索条宽度与导航栏分隔符宽度之和,即为浏览器webOS窗口宽度减去导航栏左侧预留区域宽度,再减去导航栏右侧预留区域宽度所得;而导航栏左侧总宽度为快捷方式区域宽度、快捷方式区域左侧预留区域宽度与快捷方式区域右侧预留区域宽度之和。其中,导航栏左侧预留区域、导航栏右侧预留区域、快捷方式区域左侧预留区域、快捷方式区域右侧预留区域及分隔符的宽度为定值,不会随着webOS窗口宽度大小的改变而改变。这些固定的区域可以用来根据用户所需添加各种内容,更好地体现用户需求。
根据上述方案,预设多个导航栏区域变量,所述区域变量包括但不限于:导航栏左侧预留区域宽度marginLeft、导航栏右侧预留区域宽度marginRight、导航栏宽度appBarWidth、导航栏分隔符左侧总宽度appBarLeft、搜索条宽度appBarRight、导航栏分隔符宽度spliterWidth、快捷方式区域宽度quickLink、快捷方式区域左侧预留区域宽度quickLinkLeft、快捷方式区域右侧预留区域宽度quickLinkRight。上述变量均可在脚本文件中进行配置。本领域普通技术人员可以理解,实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,所述的程序可以在存储于一计算机可读取存储介质中,所述的存储介质,如ROM/RAM、磁盘、光盘等。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种在浏览器上自适应调整导航栏的方法,所述浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条,其特征在于,所述方法包括下述步骤:
检测当前浏览器窗口的宽度值和第二显示区的宽度值;
从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
2.如权利要求1所述的方法,其特征在于,当所述显示区的配置信息包括配置的第一显示区的宽度值时,根据当前浏览器窗口的宽度值、第二显示区的宽度值以及配置的第一显示区的宽度值调整导航栏的第一显示区和/或第三显示区的宽度,步骤具体为:
根据检测到的当前浏览器窗口的宽度值,获得导航栏宽度值;
当导航栏宽度值与第二显示区的宽度值的差值小于或者等于配置的第一显示区的宽度值时,将第一显示区的宽度调整为导航栏宽度值与第二显示区的宽度值的差值,并隐藏第三显示区;
当导航栏宽度值与第二显示区的宽度值的差值大于第一显示区的宽度值时,将第一显示区的宽度调整为配置的第一显示区的宽度值,并将第三显示区的宽度调整为导航栏宽度值减去第一显示区的宽度与第二显示区的宽度的差值。
3.如权利要求1所述的方法,其特征在于,所述调整第一显示区的宽度的步骤具体为:
按照当前第一显示区的宽度大小以及各快捷方式图标的宽度值确定当前第一显示区内可显示的快捷方式图标的个数,并隐藏其余快捷方式图标。
4.如权利要求3所述的方法,其特征在于,所述方法还包括下述步骤:
接收用户输入的图标拖拉指令,对第一显示区内显示的快捷方式图标进行重新排序;或者
接收用户输入的图标添加指令,将所述图标添加指令指定的快捷方式图标显示在第一显示区;或者
接收用户输入的图标删除指令,将所述图标删除指令指定的快捷方式图标从第一显示区中删除。
5.如权利要求1所述的方法,其特征在于,所述方法还包括下述步骤:
接收用户发出的分隔符拖动命令,根据分隔符所在位置以及第二显示区的宽度值确定第一显示区和第三显示区的宽度值,并将第一显示区的宽度值、第三显示区的宽度值或者第一显示区的宽度值与第三显示区的宽度值的比值存储在服务器中。
6.一种在浏览器上自适应调整导航栏的装置,其特征在于,所述装置包括:
导航栏分区单元,用于将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区,所述第一显示区用于显示快捷方式图标,所述第二显示区用于显示分隔符,所述第三显示区用于显示搜索条;
检测单元,用于检测浏览器窗口的宽度值和第二显示区的宽度值,并从服务器中获取预先存储的显示区的配置信息,所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值,或者第一显示区的宽度与第三显示区的宽度的比值;
自适应单元,用于根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。
7.如权利要求6所述的装置,其特征在于,当所述检测单元从服务器中获取的配置信息包括配置的第一显示区的宽度值时,所述自适应单元包括第一自适应模块,所述自适应模块包括:
导航栏宽度值获取组件,用于根据检测到的当前浏览器窗口的宽度值,获得导航栏宽度值;
第一自适应组件,用于当导航栏宽度值与第二显示区的宽度值的差值小于或者等于配置的第一显示区的宽度值时,将第一显示区的宽度调整为导航栏宽度值与第二显示区的宽度值的差值,并隐藏第三显示区;
第二自适应组件,用于当导航栏宽度值与第二显示区的宽度值的差值大于第一显示区的宽度值时,将第一显示区的宽度调整为配置的第一显示区的宽度值,并将第三显示区的宽度调整为导航栏宽度值减去第一显示区的宽度与第二显示区的宽度的差值。
8.如权利要求6或7所述的装置,其特征在于,所述装置还包括:
显示调整单元,用于调整第一显示区中显示的快捷方式图标的个数,以及第三显示区中显示的搜索条的宽度。
9.如权利要求6所述的装置,其特征在于,所述装置还包括:
显示配置单元,用于接收用户发出的分隔符拖动命令,根据分隔符所在位置以及第二显示区的宽度确定第一显示区和第三显示区的宽度值,并将第一显示区的宽度值、第三显示区的宽度值或者第一显示区的宽度值与第三显示区的宽度值的比值存储在服务器中。
10.一种浏览器,其特征在于,所述浏览器包括权利要求9至14任一权利要求所述的基于浏览器的导航栏自适应装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110175302.9A CN102855124B (zh) | 2011-06-27 | 2011-06-27 | 一种在浏览器上自适应调整导航栏的方法、装置及浏览器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110175302.9A CN102855124B (zh) | 2011-06-27 | 2011-06-27 | 一种在浏览器上自适应调整导航栏的方法、装置及浏览器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102855124A true CN102855124A (zh) | 2013-01-02 |
CN102855124B CN102855124B (zh) | 2016-01-20 |
Family
ID=47401738
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110175302.9A Active CN102855124B (zh) | 2011-06-27 | 2011-06-27 | 一种在浏览器上自适应调整导航栏的方法、装置及浏览器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102855124B (zh) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014117570A1 (zh) * | 2013-02-04 | 2014-08-07 | 腾讯科技(深圳)有限公司 | 处理停靠栏的方法、装置和存储介质 |
CN106020632A (zh) * | 2016-05-25 | 2016-10-12 | 青岛海信电器股份有限公司 | 一种页面自适应显示方法及页面自适应显示装置 |
CN106339437A (zh) * | 2016-08-19 | 2017-01-18 | 合网络技术(北京)有限公司 | 浏览器的显示方法及装置 |
CN106896982A (zh) * | 2017-02-10 | 2017-06-27 | 惠州Tcl移动通信有限公司 | 一种移动终端虚拟按键设置方法及*** |
CN107197335A (zh) * | 2017-06-30 | 2017-09-22 | 环球智达科技(北京)有限公司 | 获取导航栏信息的方法 |
CN107241638A (zh) * | 2017-06-30 | 2017-10-10 | 环球智达科技(北京)有限公司 | 配置导航栏的方法 |
CN107249138A (zh) * | 2017-07-19 | 2017-10-13 | 环球智达科技(北京)有限公司 | 基于云控的数据处理方法 |
CN107402996A (zh) * | 2017-07-19 | 2017-11-28 | 环球智达科技(北京)有限公司 | 基于云控的界面生成方法 |
CN107621967A (zh) * | 2017-09-27 | 2018-01-23 | 深圳市道通科技股份有限公司 | 一种***用户界面的实现方法和装置 |
CN109597956A (zh) * | 2018-12-10 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 页面显示方法和装置 |
CN110020230A (zh) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | 一种导航栏的自适应显示方法及装置 |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN112579927A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 显示导航栏的方法和装置 |
CN114691964A (zh) * | 2022-04-06 | 2022-07-01 | 北京字跳网络技术有限公司 | 用于搜索推荐的方法、装置、设备和存储介质 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108052677A (zh) * | 2018-01-02 | 2018-05-18 | 武汉斗鱼网络科技有限公司 | 页面处理方法、装置及可读存储介质 |
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 (zh) * | 2008-04-25 | 2011-04-13 | 微软公司 | 用于web服务的可扩展且应用程序自适应工具栏 |
-
2011
- 2011-06-27 CN CN201110175302.9A patent/CN102855124B/zh 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 (zh) * | 2008-04-25 | 2011-04-13 | 微软公司 | 用于web服务的可扩展且应用程序自适应工具栏 |
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 (zh) * | 2013-02-04 | 2014-08-07 | 腾讯科技(深圳)有限公司 | 处理停靠栏的方法、装置和存储介质 |
CN106020632A (zh) * | 2016-05-25 | 2016-10-12 | 青岛海信电器股份有限公司 | 一种页面自适应显示方法及页面自适应显示装置 |
CN106339437A (zh) * | 2016-08-19 | 2017-01-18 | 合网络技术(北京)有限公司 | 浏览器的显示方法及装置 |
CN106896982A (zh) * | 2017-02-10 | 2017-06-27 | 惠州Tcl移动通信有限公司 | 一种移动终端虚拟按键设置方法及*** |
CN107197335A (zh) * | 2017-06-30 | 2017-09-22 | 环球智达科技(北京)有限公司 | 获取导航栏信息的方法 |
CN107241638A (zh) * | 2017-06-30 | 2017-10-10 | 环球智达科技(北京)有限公司 | 配置导航栏的方法 |
CN107249138A (zh) * | 2017-07-19 | 2017-10-13 | 环球智达科技(北京)有限公司 | 基于云控的数据处理方法 |
CN107402996A (zh) * | 2017-07-19 | 2017-11-28 | 环球智达科技(北京)有限公司 | 基于云控的界面生成方法 |
CN107621967A (zh) * | 2017-09-27 | 2018-01-23 | 深圳市道通科技股份有限公司 | 一种***用户界面的实现方法和装置 |
CN110020230A (zh) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | 一种导航栏的自适应显示方法及装置 |
CN110020230B (zh) * | 2017-09-30 | 2021-11-30 | 北京国双科技有限公司 | 一种导航栏的自适应显示方法及装置 |
CN109597956A (zh) * | 2018-12-10 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 页面显示方法和装置 |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN110308835B (zh) * | 2019-06-05 | 2022-10-14 | 创新先进技术有限公司 | 控制视图控件的方法、装置及电子设备 |
CN112579927A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 显示导航栏的方法和装置 |
CN114691964A (zh) * | 2022-04-06 | 2022-07-01 | 北京字跳网络技术有限公司 | 用于搜索推荐的方法、装置、设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN102855124B (zh) | 2016-01-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102855124A (zh) | 一种在浏览器上自适应调整导航栏的方法、装置及浏览器 | |
US11119627B2 (en) | Information display method, device, apparatus and storage medium | |
CN109753326B (zh) | 处理方法、装置、设备和机器可读介质 | |
US8347232B1 (en) | Interactive user interface | |
US8819582B2 (en) | Mobile browser context switching | |
CN109408752B (zh) | 在线文档展示方法、装置以及电子设备 | |
US20180260081A1 (en) | Task switching or task launching based on a ranked list of tasks | |
KR20140070330A (ko) | 응용 프로그램들을 전환하기 위한 방법 및 장치 | |
US11329942B2 (en) | Methods, systems, and media for presenting messages related to notifications | |
KR20180019235A (ko) | 미디어를 제시하기 위한 터치스크린 사용자 인터페이스 | |
CN103309575B (zh) | 显示图标的方法及终端 | |
US20160266776A1 (en) | Video content play | |
US9329759B1 (en) | Customized content display and interaction | |
CN109508128A (zh) | 搜索控件显示方法、装置、设备及计算机可读存储介质 | |
US20220114012A1 (en) | Mini app switching method, framework, electronic apparatus and non-transitory computer-readable storage medium | |
CN105138703A (zh) | 一种基于搜索引擎的网络搜索方法及电子设备 | |
US20150286342A1 (en) | System and method for displaying application data through tile objects | |
US20180225132A1 (en) | Platform and interface for providing user assistance in a computing system | |
CN106155524A (zh) | 页面控制方法及装置 | |
EP3396563A1 (en) | Network resource recommendation method and computer device | |
EP3362883A1 (en) | Touch gesture control of video playback | |
US20150040009A1 (en) | Adjustable Video Player | |
CN107256116B (zh) | 页面切换处理方法、装置、用户终端及可读取存储介质 | |
CN113835588A (zh) | 快捷设置方法、装置、电子设备及存储介质 | |
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 |