一种在浏览器上自适应调整导航栏的方法、装置及浏览器制造方法及图纸

本发明专利技术适用于计算机软件领域，提供了一种在浏览器上自适应调整导航栏的方法、装置及浏览器，所述方法包括：将浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区；检测当前浏览器窗口的宽度值和第二显示区的宽度值；从服务器中获取预先存储的显示区的配置信息，配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。实现了在不同环境下自适应调整显示导航栏。

【技术实现步骤摘要】

本专利技术属于计算机软件领域，尤其涉及一种在浏览器上自适应调整导航栏的方法、及装置及浏览器。
技术介绍
随着互联网的普及和科技的不断进步，各种各样的互联网服务层出不穷。现今，一般都是通过浏览器来浏览互联网信息。然而，在当前的浏览器中，导航栏的可定制性差，无法适应不同的环境。例如导航栏包括快捷方式菜单和搜索菜単，当用户在分辨率较大的环境下吋，该导航栏能同时显示快捷方式菜单和搜索菜単。而当用户居于较小分辨率的环境下吋，由于导航栏没有设置显 示的优先级别，无法根据不同的环境自适应显示，则导致导航栏只能在小分辨率的环境下不能根据显示的优先级别来显示快捷方式菜单及者捜索菜单，此时若用户主要需要应用快捷方式图标，则会因为分辨率过小而显示的快捷方式图标个数太少，不利于用户的使用，造成了用户体验上的极大不便。
技术实现思路
本专利技术实施例的目的在于提供一种在浏览器上自适应调整导航栏的方法，g在解决导航栏的显示方式不能在不同环境下适应显示的问题。本专利技术实施例是这样实现的，一种在浏览器上自适应调整导航栏的方法，所述浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区，所述第一显示区用于显示快捷方式图标，所述第二显示区用于显示分隔符，所述第三显示区用于显示搜索条，其特征在于，所述方法包括下述步骤检测当前浏览器窗ロ的宽度值和第二显示区的宽度值；从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。本专利技术实施例的另ー目的在于提供一种在浏览器上自适应调整导航栏的装置，所述装置包括导航栏分区単元，用于将浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区，所述第一显示区用于显示快捷方式图标，所述第二显示区用于显示分隔符，所述第三显示区用于显示搜索条；检测单元，用于检测浏览器窗ロ的宽度值和第二显示区的宽度值，并从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；自适应単元，用于根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。本专利技术实施例另一目的在于提供ー种包括所述在浏览器上自适应调整导航栏的装置的浏览器。在本专利技术实施例中，根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度，实现了在不同环境下自适应调整导航栏的各个显示区的宽度值，井根据各个显示区的宽度值自适应显示不同的内容，提供了一种高效的、自适应性强的导航栏。附图说明图I是本专利技术第一实施例提供的在浏览器上自适应调整导航栏的方法流程图；图2是本专利技术第二实施例提供的在浏览器上自适应调整导航栏的装置结构图。具体实施例方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进ー步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例提供一种在浏览器上自适应调整导航栏的方法，将浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区后，根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及预置的显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。本专利技术提供了一种浏览器上自适应调整导航栏的方法和装置所述方法包括将浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区，所述第一显示区用于显示快捷方式图标，所述第二显示区用于显示分隔符，所述第三显示区用于显示搜索条；检测当前浏览器窗ロ的宽度值和第二显示区的宽度值；从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。所述装置包括导航栏分区単元，用于将浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区，所述第一显示区用于显示快捷方式图标，所述第二显示区用于显示分隔符，所述第三显示区用于显示搜索条；检测单元，用于检测浏览器窗ロ的宽度值和第二显示区的宽度值，并从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；自适应単元，用于根据检测到的当前浏览器窗ロ的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。实施例一如图I所示为本专利技术第一实施例提供的一种在浏览器上自适应调整导航栏的方法的流程图，为了便于说明，仅示出了与本专利技术实施例相关的部分。在步骤SlOl中，将浏览器窗ロ的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区。在本专利技术实施例中，系统初始化后，将导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区。其中，第一显示区用于显示快捷方式图标，第二显示区用于显示分隔符，第三显示区用于显示搜索条。在步骤S102中，检测当前浏览器窗ロ的宽度值和第二显示区的宽度值。 在本专利技术实施例中，浏览器窗ロ宽度一般会有ー个默认值，在一般情况下，以默认宽度值显示浏览器窗ロ。但是，当在不同分辨率下显示时，浏览器窗ロ宽度会随之改变。因此，在显示浏览器窗口前，会根据当前环境的分辨率对默认的浏览器窗ロ宽度值进行微调，来获取实际的浏览器窗ロ宽度值。如用户预设的浏览器窗ロ宽度值较大，但当前系统的分辨率较小吋，则可能会将浏览器窗ロ的宽度值变小，来适应当前分辨率下的浏览器窗ロ浏览。且当用户拖动浏览器窗ロ吋，浏览器窗ロ的宽度也会随之改变。因此，获取浏览器窗ロ宽度的方法为第一，检测浏览器窗ロ的默认宽度值；第ニ，根据当前系统的分辨率对默认浏览器窗ロ宽度进行微调，检测实际的浏览器窗ロ宽度值；第三，根据接收到的用户拖动浏览器窗ロ的命令，检测浏览器窗ロ宽度值。具体为，预设了一个变量用于表示浏览器窗ロ宽度，通过在系统初始化时通过浏览器提供的接ロ获取此变量，便能得到浏览器窗ロ宽度大小。此处预设变量clientWidth用于表示浏览器窗ロ宽度值。而第二显示区的宽度值为ー预设的定值，可直接获取。在本专利技术实施例中，浏览器窗口中除了导航栏外，其余部分的宽度值(例如导航栏两侧的区域的宽度值)是确定的，因此获得浏览器窗ロ的宽度值便可得知导航栏的宽度值。在步骤S103中，从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值。在本专利技术实施例中，由于浏览器窗ロ包括导航栏，导航栏在浏览器窗口中显示方式具体可为以下两种1)窗ロ的宽度值即为导航栏宽度值；2)在浏览器窗ロ导航栏两边预设有宽度为定值的显示区域，用于显示诸如LOGO或本文档来自技高网...

【技术保护点】
一种在浏览器上自适应调整导航栏的方法，所述浏览器窗口的导航栏划分为包括第一显示区、第二显示区和第三显示区的多个显示区，所述第一显示区用于显示快捷方式图标，所述第二显示区用于显示分隔符，所述第三显示区用于显示搜索条，其特征在于，所述方法包括下述步骤：检测当前浏览器窗口的宽度值和第二显示区的宽度值；从服务器中获取预先存储的显示区的配置信息，所述配置信息包括配置的第一显示区的宽度值、第三显示区的宽度值，或者第一显示区的宽度与第三显示区的宽度的比值；根据检测到的当前浏览器窗口的宽度值、第二显示区的宽度值以及显示区的配置信息调整导航栏的第一显示区和/或第三显示区的宽度。

【技术特征摘要】

【专利技术属性】
技术研发人员：陈桂鸿，吕远，于涛，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：