CN106339437A - 浏览器的显示方法及装置 - Google Patents

浏览器的显示方法及装置 Download PDF

Info

Publication number
CN106339437A
CN106339437A CN201610697319.3A CN201610697319A CN106339437A CN 106339437 A CN106339437 A CN 106339437A CN 201610697319 A CN201610697319 A CN 201610697319A CN 106339437 A CN106339437 A CN 106339437A
Authority
CN
China
Prior art keywords
width
browser
search box
preset value
floating layer
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201610697319.3A
Other languages
English (en)
Inventor
张诗尧
刘长洋
张银艳
李明杰
顾思斌
潘柏宇
谢菲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
1Verge Internet Technology Beijing Co Ltd
Original Assignee
1Verge Internet Technology Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 1Verge Internet Technology Beijing Co Ltd filed Critical 1Verge Internet Technology Beijing Co Ltd
Priority to CN201610697319.3A priority Critical patent/CN106339437A/zh
Publication of CN106339437A publication Critical patent/CN106339437A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及浏览器的显示方法及装置。该方法包括:获取浏览器的宽度;根据浏览器的宽度调整浏览器中的搜索框以及搜索框对应的浮层的宽度;其中,根据浏览器的宽度调整浏览器中的搜索框以及搜索框对应的浮层的宽度,包括:在浏览器的宽度大于或等于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第二预设值。根据本发明的浏览器的显示方法及装置能够使浏览器中搜索框及其浮层的宽度随着浏览器的宽度的变化而变化,在浏览器缩小的情况下能完整显示搜索框及其浮层,从而提高了搜索框及其浮层的显示效果,且使用户能够灵活调整浏览器的大小而不受限制,提高浏览器显示的灵活性。

Description

浏览器的显示方法及装置
技术领域
本发明涉及信息技术领域,尤其涉及一种浏览器的显示方法及装置。
背景技术
图1示出现有技术中的搜索框的示意图。如图1所示,在现有技术中,当浏览器全屏显示时,可以完整地显示浏览器中的搜索框11。图2示出现有技术中搜索框不能被完整地显示的示意图。如图2所示,当浏览器缩小到一定程度时,搜索框11则不再能被完整地显示。图3示出现有技术中搜索框及其浮层的示意图。如图3所示,搜索框11的大小决定了搜索框11下的浮层12的大小。当浏览器显示浮层12时,有些浏览器为了完整地显示浮层12,禁止再缩小浏览器,给用户带来较大的不便。
发明内容
技术问题
有鉴于此,本发明要解决的技术问题是,现有的浏览器的显示技术的灵活性较差。
解决方案
为了解决上述技术问题,根据本发明的一实施例,提供了一种浏览器的显示方法,包括:
获取浏览器的宽度;
根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度;
其中,根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度,包括:
在所述浏览器的宽度大于或等于第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第二预设值。
对于上述方法,在一种可能的实现方式中,根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度,还包括:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值。
对于上述方法,在一种可能的实现方式中,在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值,包括:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
对于上述方法,在一种可能的实现方式中,在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值,包括:
在所述浏览器的宽度大于或等于第四预设值且小于所述第一预设值的情况下,所述搜索框以及所述搜索框对应的浮层的宽度随着所述浏览器的宽度的减小而减小,其中,所述第四预设值小于所述第一预设值;
在所述浏览器的宽度小于所述第四预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
对于上述方法,在一种可能的实现方式中,所述方法还包括:
在所述浏览器的宽度小于第四预设值的情况下,提示用户增大所述浏览器的宽度,其中,所述第四预设值小于所述第一预设值。
为了解决上述技术问题,根据本发明的另一实施例,提供了一种浏览器的显示装置,包括:
浏览器宽度获取模块,用于获取浏览器的宽度;
搜索框及浮层宽度调整模块,用于根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度;
所述搜索框及浮层宽度调整模块包括:
第一调整子模块,用于在所述浏览器的宽度大于或等于第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第二预设值。
对于上述装置,在一种可能的实现方式中,所述搜索框及浮层宽度调整模块还包括:
第二调整子模块,用于在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值。
对于上述装置,在一种可能的实现方式中,所述第二调整子模块用于:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
对于上述装置,在一种可能的实现方式中,所述第二调整子模块用于:
在所述浏览器的宽度大于或等于第四预设值且小于所述第一预设值的情况下,所述搜索框以及所述搜索框对应的浮层的宽度随着所述浏览器的宽度的减小而减小,其中,所述第四预设值小于所述第一预设值;
在所述浏览器的宽度小于所述第四预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
对于上述装置,在一种可能的实现方式中,所述装置还包括:
提示模块,用于在所述浏览器的宽度小于第四预设值的情况下,提示用户增大所述浏览器的宽度,所述第四预设值小于所述第一预设值。
有益效果
通过获取浏览器的宽度,根据浏览器的宽度调整浏览器中的搜索框及其浮层的宽度,根据本发明实施例的浏览器的显示方法及装置能够使浏览器中搜索框及其浮层的宽度随着浏览器的宽度的变化而变化,在浏览器缩小的情况下能完整显示搜索框及其浮层,从而提高了搜索框及其浮层的显示效果,且使用户能够灵活调整浏览器的大小而不受限制,提高浏览器显示的灵活性。
根据下面参考附图对示例性实施例的详细说明,本发明的其它特征及方面将变得清楚。
附图说明
包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本发明的示例性实施例、特征和方面,并且用于解释本发明的原理。
图1示出现有技术中的搜索框的示意图;
图2示出现有技术中搜索框不能被完整地显示的示意图;
图3示出现有技术中搜索框及其浮层的示意图;
图4示出根据本发明一实施例的浏览器的显示方法的实现流程图;
图5示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图;
图6示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图;
图7示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图;
图8示出根据本发明一实施例的浏览器的显示方法中将搜索框以及搜索框对应的浮层的宽度调整为第二预设值的示意图;
图9示出根据本发明一实施例的浏览器的显示方法中缩小搜索框以及搜索框对应的浮层的宽度的示意图;
图10示出根据本发明一实施例的浏览器的显示方法中缩小搜索框以及搜索框对应的浮层的宽度的另一示意图;
图11示出根据本发明另一实施例的浏览器的显示装置的结构框图;
图12示出了本发明的另一个实施例的一种浏览器的显示设备的结构框图。
具体实施方式
以下将参考附图详细说明本发明的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。
在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
另外,为了更好的说明本发明,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本发明同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本发明的主旨。
实施例1
图4示出根据本发明一实施例的浏览器的显示方法的实现流程图。如图4所示,该方法主要包括:
在步骤S401中,获取浏览器的宽度。
需要说明的是,本发明实施例的执行主体可以为PC(Personal Computer,个人电脑),也可以为手机或者平板电脑等移动终端,还可以为其他的浏览器的显示装置,在此不作限定。
作为本发明实施例的一个示例,可以通过JavaScript获取浏览器的宽度。
在步骤S402中,根据浏览器的宽度调整浏览器中的搜索框以及搜索框对应的浮层的宽度;根据浏览器的宽度调整浏览器中的搜索框以及搜索框对应的浮层的宽度,包括:在浏览器的宽度大于或等于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第二预设值。
其中,第二预设值可以为搜索框以及搜索框对应的浮层的宽度的最大值。
在本发明实施例中,搜索框以及搜索框对应的浮层的宽度可以随着浏览器的宽度的变化而变化。由此,在浏览器缩小后,搜索框以及搜索框对应的浮层也可以被完整地显示,从而能够避免图2所示的搜索框不能被完整地显示的情况,避免因浏览器缩小而破坏搜索框以及搜索框对应的浮层的整体感。
作为本发明实施例的一个示例,浏览器中搜索框与搜索框对应的浮层的宽度可以相同。
作为本发明实施例的另一个示例,浏览器中搜索框与搜索框对应的浮层的宽度可以不同。例如,搜索框对应的浮层的宽度可以大于搜索框的宽度。
在一种可能的实现方式中,根据浏览器的宽度调整浏览器中的搜索框以及搜索框对应的浮层的宽度,还包括:在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为小于第二预设值。在该实现方式中,在浏览器的宽度小于第一预设值的情况下,缩小搜索框以及搜索框对应的浮层的宽度,从而在浏览器的宽度小于第一预设值的情况下,搜索框以及搜索框对应的浮层也可以被完整地显示,从而只改变了搜索框以及搜索框对应的浮层的宽度,而不影响用户使用浏览器的体验。
在一种可能的实现方式中,在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为小于第二预设值,包括:在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第三预设值,其中,第三预设值小于第二预设值。在该实现方式中,在浏览器的宽度小于第一预设值的情况下,缩小搜索框以及搜索框对应的浮层的宽度,从而在浏览器的宽度小于第一预设值的情况下,搜索框以及搜索框对应的浮层也可以被完整地显示,从而只改变了搜索框以及搜索框对应的浮层的宽度,而不影响用户使用浏览器的体验。
图5示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图。如图5所示,该方法主要包括:
在步骤S501中,获取浏览器的宽度。
在步骤S502中,在浏览器的宽度大于或等于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第二预设值。
在步骤S503中,在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第三预设值。
例如,第一预设值可以为1300px,第二预设值可以为450px,第三预设值可以为350px。
在一种可能的实现方式中,所述方法还包括:在浏览器的宽度小于第四预设值的情况下,提示用户增大浏览器的宽度。在该实现方式中,在浏览器的宽度小于第四预设值的情况下,提示用户增大浏览器的宽度,以提高用户使用搜索框以及搜索框对应的浮层的体验。
图6示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图。如图6所示,该方法主要包括:
在步骤S601中,获取浏览器的宽度。
在步骤S602中,在浏览器的宽度大于或等于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第二预设值。
在步骤S603中,在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第三预设值。
在步骤S604中,在浏览器的宽度小于第四预设值的情况下,提示用户增大浏览器的宽度。
作为本发明实施例的一个示例,第四预设值可以等于第三预设值。例如,第四预设值可以为350px。
在一种可能的实现方式中,在浏览器的宽度小于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为小于第二预设值,包括:在浏览器的宽度大于或等于第四预设值且小于第一预设值的情况下,搜索框以及搜索框对应的浮层的宽度随着浏览器的宽度的减小而减小,其中,第四预设值小于第一预设值;在浏览器的宽度小于第四预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第三预设值,其中,第三预设值小于第二预设值。在该实现方式中,在浏览器的宽度大于或等于第四预设值且小于第一预设值的情况下,搜索框以及搜索框对应的浮层的宽度大于第三预设值且小于第二预设值,且搜索框以及搜索框对应的浮层的宽度随着浏览器的宽度的减小而减小。通过该实现方式能够根据浏览器的宽度灵活地调整搜索框以及搜索框对应的浮层的宽度。
图7示出根据本发明一实施例的浏览器的显示方法的一示例性的实现流程图。如图7所示,该方法主要包括:
在步骤S701中,获取浏览器的宽度。
在步骤S702中,在浏览器的宽度大于或等于第一预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第二预设值。
在步骤S703中,在浏览器的宽度大于或等于第四预设值且小于第一预设值的情况下,搜索框以及搜索框对应的浮层的宽度随着浏览器的宽度的减小而减小。
在步骤S704中,在浏览器的宽度小于第四预设值的情况下,将搜索框以及搜索框对应的浮层的宽度调整为第三预设值,并提示用户增大浏览器的宽度。
图8示出根据本发明一实施例的浏览器的显示方法中将搜索框以及搜索框对应的浮层的宽度调整为第二预设值的示意图。如图8所示,例如,在浏览器的宽度大于或等于第一预设值的情况下,可以将搜索框81以及搜索框81对应的浮层82的宽度调整为第二预设值。
图9示出根据本发明一实施例的浏览器的显示方法中缩小搜索框以及搜索框对应的浮层的宽度的示意图。如图9所示,例如,在浏览器的宽度小于第一预设值的情况下,可以将搜索框91以及搜索框91对应的浮层92的宽度缩小为第三预设值;再例如,在浏览器的宽度大于或等于第四预设值且小于第一预设值的情况下,搜索框91以及搜索框91对应的浮层92的宽度可以随着浏览器的宽度的减小而减小。
图10示出根据本发明一实施例的浏览器的显示方法中缩小搜索框以及搜索框对应的浮层的宽度的另一示意图。如图10所示,例如,在浏览器的宽度小于第一预设值的情况下,可以将搜索框1001以及搜索框1001对应的浮层1002的宽度缩小为第三预设值;再例如,在浏览器的宽度大于或等于第四预设值且小于第一预设值的情况下,搜索框1001以及搜索框1001对应的浮层1002的宽度可以随着浏览器的宽度的减小而减小。
作为本发明实施例的一个示例,预先设置浏览器的宽度阈值A和B,且A>B,当浏览器满屏显示时,搜索框及其浮层显示正常比例大小,例如,浏览器满屏显示时,浏览器的宽度可以为J,搜索框及其浮层的宽度可以为M。当A≤浏览器的宽度<J时,搜索框及其浮层的宽度不变,只是随浏览器变小的位置进行了移动。当B≤浏览器的宽度<A时,搜索框及其浮层的宽度缩小为N,其中N<M。当浏览器的宽度<B时,可以提示用户增大浏览器的宽度。
这样,通过获取浏览器的宽度,根据浏览器的宽度调整浏览器中的搜索框及其浮层的宽度,根据本发明实施例的浏览器的显示方法能够使浏览器中搜索框及其浮层的宽度随着浏览器的宽度的变化而变化,在浏览器缩小的情况下能完整显示搜索框及其浮层,从而提高了搜索框及其浮层的显示效果,且使用户能够灵活调整浏览器的大小而不受限制,提高浏览器显示的灵活性。
实施例2
图11示出根据本发明另一实施例的浏览器的显示装置的结构框图。该装置可以用于运行图4至图7所示的浏览器的显示方法。为了便于说明,在图11中仅示出了与本发明实施例相关的部分。
如图11所示,该装置包括:浏览器宽度获取模块111,用于获取浏览器的宽度;搜索框及浮层宽度调整模块112,用于根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度;所述搜索框及浮层宽度调整模块112包括:第一调整子模块1121,用于在所述浏览器的宽度大于或等于第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第二预设值。
在一种可能的实现方式中,所述搜索框及浮层宽度调整模块112还包括:第二调整子模块1122,用于在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值。
在一种可能的实现方式中,所述第二调整子模块1122用于:在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
在一种可能的实现方式中,所述第二调整子模块1122用于:在所述浏览器的宽度大于或等于第四预设值且小于所述第一预设值的情况下,所述搜索框以及所述搜索框对应的浮层的宽度随着所述浏览器的宽度的减小而减小,其中,所述第四预设值小于所述第一预设值;在所述浏览器的宽度小于所述第四预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
在一种可能的实现方式中,所述装置还包括:
提示模块113,用于在所述浏览器的宽度小于第四预设值的情况下,提示用户增大所述浏览器的宽度,所述第四预设值小于所述第一预设值。
需要说明的是,这样,通过获取浏览器的宽度,根据浏览器的宽度调整浏览器中的搜索框及其浮层的宽度,根据本发明实施例的浏览器的显示装置能够使浏览器中搜索框及其浮层的宽度随着浏览器的宽度的变化而变化,在浏览器缩小的情况下能完整显示搜索框及其浮层,从而提高了搜索框及其浮层的显示效果,且使用户能够灵活调整浏览器的大小而不受限制,提高浏览器显示的灵活性。
实施例3
图12示出了本发明的另一个实施例的一种浏览器的显示设备的结构框图。所述浏览器的显示设备1100可以是具备计算能力的主机服务器、个人计算机PC、或者可携带的便携式计算机或终端等。本发明具体实施例并不对计算节点的具体实现做限定。
所述浏览器的显示设备1100包括处理器(processor)1110、通信接口(Communications Interface)1120、存储器(memory)1130和总线1140。其中,处理器1110、通信接口1120、以及存储器1130通过总线1140完成相互间的通信。
通信接口1120用于与网络设备通信,其中网络设备包括例如虚拟机管理中心、共享存储等。
处理器1110用于执行程序。处理器1110可能是一个中央处理器CPU,或者是专用集成电路ASIC(Application Specific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。
存储器1130用于存放文件。存储器1130可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1130也可以是存储器阵列。存储器1130还可能被分块,并且所述块可按一定的规则组合成虚拟卷。
在一种可能的实施方式中,上述程序可为包括计算机操作指令的程序代码。该程序具体可用于:实现实施例1中各步骤的操作。
本领域普通技术人员可以意识到,本文所描述的实施例中的各示例性单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件形式来实现,取决于技术方案的特定应用和设计约束条件。专业技术人员可以针对特定的应用选择不同的方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
如果以计算机软件的形式来实现所述功能并作为独立的产品销售或使用时,则在一定程度上可认为本发明的技术方案的全部或部分(例如对现有技术做出贡献的部分)是以计算机软件产品的形式体现的。该计算机软件产品通常存储在计算机可读取的非易失性存储介质中,包括若干指令用以使得计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各实施例方法的全部或部分步骤。而前述的存储介质包括U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种浏览器的显示方法,其特征在于,包括:
获取浏览器的宽度;
根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度;
其中,根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度,包括:
在所述浏览器的宽度大于或等于第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第二预设值。
2.根据权利要求1所述的方法,其特征在于,根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度,还包括:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值。
3.根据权利要求2所述的方法,其特征在于,在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值,包括:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
4.根据权利要求2所述的方法,其特征在于,在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值,包括:
在所述浏览器的宽度大于或等于第四预设值且小于所述第一预设值的情况下,所述搜索框以及所述搜索框对应的浮层的宽度随着所述浏览器的宽度的减小而减小,其中,所述第四预设值小于所述第一预设值;
在所述浏览器的宽度小于所述第四预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
5.根据权利要求3或4所述的方法,其特征在于,所述方法还包括:
在所述浏览器的宽度小于第四预设值的情况下,提示用户增大所述浏览器的宽度,其中,所述第四预设值小于所述第一预设值。
6.一种浏览器的显示装置,其特征在于,包括:
浏览器宽度获取模块,用于获取浏览器的宽度;
搜索框及浮层宽度调整模块,用于根据所述浏览器的宽度调整所述浏览器中的搜索框以及所述搜索框对应的浮层的宽度;
所述搜索框及浮层宽度调整模块包括:
第一调整子模块,用于在所述浏览器的宽度大于或等于第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第二预设值。
7.根据权利要求6所述的装置,其特征在于,所述搜索框及浮层宽度调整模块还包括:
第二调整子模块,用于在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为小于所述第二预设值。
8.根据权利要求7所述的装置,其特征在于,所述第二调整子模块用于:
在所述浏览器的宽度小于所述第一预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
9.根据权利要求8所述的装置,其特征在于,所述第二调整子模块用于:
在所述浏览器的宽度大于或等于第四预设值且小于所述第一预设值的情况下,所述搜索框以及所述搜索框对应的浮层的宽度随着所述浏览器的宽度的减小而减小,其中,所述第四预设值小于所述第一预设值;
在所述浏览器的宽度小于所述第四预设值的情况下,将所述搜索框以及所述搜索框对应的浮层的宽度调整为第三预设值,其中,所述第三预设值小于所述第二预设值。
10.根据权利要求8或9所述的装置,其特征在于,所述装置还包括:
提示模块,用于在所述浏览器的宽度小于第四预设值的情况下,提示用户增大所述浏览器的宽度,所述第四预设值小于所述第一预设值。
CN201610697319.3A 2016-08-19 2016-08-19 浏览器的显示方法及装置 Pending CN106339437A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610697319.3A CN106339437A (zh) 2016-08-19 2016-08-19 浏览器的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610697319.3A CN106339437A (zh) 2016-08-19 2016-08-19 浏览器的显示方法及装置

Publications (1)

Publication Number Publication Date
CN106339437A true CN106339437A (zh) 2017-01-18

Family

ID=57824593

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610697319.3A Pending CN106339437A (zh) 2016-08-19 2016-08-19 浏览器的显示方法及装置

Country Status (1)

Country Link
CN (1) CN106339437A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114691964A (zh) * 2022-04-06 2022-07-01 北京字跳网络技术有限公司 用于搜索推荐的方法、装置、设备和存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102855124A (zh) * 2011-06-27 2013-01-02 腾讯科技(深圳)有限公司 一种在浏览器上自适应调整导航栏的方法、装置及浏览器
CN105389308A (zh) * 2014-08-18 2016-03-09 腾讯科技(深圳)有限公司 网页的显示处理方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102855124A (zh) * 2011-06-27 2013-01-02 腾讯科技(深圳)有限公司 一种在浏览器上自适应调整导航栏的方法、装置及浏览器
CN105389308A (zh) * 2014-08-18 2016-03-09 腾讯科技(深圳)有限公司 网页的显示处理方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114691964A (zh) * 2022-04-06 2022-07-01 北京字跳网络技术有限公司 用于搜索推荐的方法、装置、设备和存储介质

Similar Documents

Publication Publication Date Title
CN107464162A (zh) 商品关联方法、装置及计算机可读存储介质
US10228835B2 (en) Method for displaying information, and terminal equipment
CN104331524B (zh) 页面显示方法、装置及终端
CN107256555A (zh) 一种图像处理方法、装置及存储介质
CN103164231A (zh) 一种输入法虚拟键盘皮肤管理方法和设备
CN104516887A (zh) 一种网页数据搜索方法、装置和系统
CN109145926A (zh) 相似图片识别方法及计算机设备
CN104462516B (zh) 一种信息提示方法及移动终端
CN108846274A (zh) 一种安全验证方法、装置及终端
CN106227459B (zh) 内容切换方法及装置
CN104679391B (zh) 智能手表的图标显示方法及装置
CN107943984A (zh) 图像处理方法、装置、计算机设备和计算机可读存储介质
CN107436948A (zh) 文件搜索方法、装置及终端
CN107656793A (zh) 一种应用程序界面切换方法及移动终端
CN108073380A (zh) 电子装置、显示控制方法及相关产品
CN107517312A (zh) 一种壁纸切换方法、装置及终端设备
CN107197489A (zh) 网络切换方法、移动终端及计算机可读存储介质
CN106168959A (zh) 网页布局方法及装置
CN104267961A (zh) 滚动条的生成方法及装置
CN106682062A (zh) 一种网址导航处理方法及终端
CN104239369A (zh) 一种过滤网页广告的方法、装置和系统
CN106339437A (zh) 浏览器的显示方法及装置
CN106462317A (zh) 用户账户切换界面
CN106354405A (zh) 窗口控制方法及装置
CN108038050A (zh) 性能调整方法、装置、存储介质及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170118