CN106611066A - 网页信息展示方法、装置及计算机设备 - Google Patents

网页信息展示方法、装置及计算机设备 Download PDF

Info

Publication number
CN106611066A
CN106611066A CN201710003090.3A CN201710003090A CN106611066A CN 106611066 A CN106611066 A CN 106611066A CN 201710003090 A CN201710003090 A CN 201710003090A CN 106611066 A CN106611066 A CN 106611066A
Authority
CN
China
Prior art keywords
interface
navigation
info web
navigation interface
height
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
CN201710003090.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.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp 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 Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN201710003090.3A priority Critical patent/CN106611066A/zh
Publication of CN106611066A publication Critical patent/CN106611066A/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/954Navigation, e.g. using categorised browsing
    • 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)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供一种网页信息展示方法、装置及计算机设备。所述方法包括:获取展示界面属性参数、网页信息及对应的网页属性参数;根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;根据所述导航界面属性参数在展示界面中生成导航界面;将所述网页信息在所述导航界面中进行展示。上述方法、装置及计算机设备,通过导航界面对网页信息进行查找,提高了网页信息的查找效率。

Description

网页信息展示方法、装置及计算机设备
技术领域
本发明涉及计算机技术领域,特别是涉及一种网页信息展示方法、装置及计算机设备。
背景技术
电子设备通过网页页面展示文本、图片、视频等内容,并通过显示屏进行显示。传统的电子设备在展示网页信息的时候,只在一个网页页面中进行展示,当网页内容过长时,通过上下滑动网页特免来定位网页内容,或者通过翻页来定位网页内容。
发明内容
本发明实施例提供一种网页信息展示方法、装置及计算机设备,可以提高查找网页信息的查找效率。
一种网页信息展示方法,包括:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
一种网页信息展示装置,包括:
获取模块,用于获取展示界面属性参数、网页信息及对应的网页属性参数;
计算模块,用于根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
生成模块,用于根据所述导航界面属性参数在展示界面中生成导航界面;
展示模块,用于将所述网页信息在所述导航界面中进行展示。
一种计算机设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现以下步骤:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
上述网页信息展示方法、装置及计算机设备,通过网页信息属性参数和展示界面属性参数生成导航界面,导航界面将网页信息进行缩略展示。用户无需通过翻页查找网页信息,而只需在缩略展示的导航界面中选取所需查看的网页信息,并在展示界面中展示用户选择的网页信息,使用户能够快速地定位目标网页信息,提高了网页信息查找的效率。
附图说明
图1为一个实施例中网页信息展示方法的应用环境图;
图2A为一个实施例中终端的内部结构示意图;
图2B为一个实施例中服务器的内部结构示意图;
图3为一个实施例中网页信息展示方法的流程图;
图4为另一个实施例中网页信息展示方法的流程图;
图5为一个实施例中网页信息的终端展示示意图;
图6为另一个实施例中网页信息的终端展示示意图;
图7为另一个实施例中网页信息的终端展示示意图;
图8为另一个实施例中网页信息的终端展示示意图;
图9为另一个实施例中网页信息展示方法的流程图;
图10为一个实施例中网页信息展示装置的结构示意图;
图11为另一个实施例中网页信息展示装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图1为一个实施例中网页信息展示方法的应用环境图。如图1所示,该应用环境包括用户终端102和服务器104。其中,用户终端102用于在展示界面中生成导航界面,以及在展示界面和导航界面中加载网页信息。用户终端102是处于计算机网络最外围,主要用于输入用户信息以及输出处理结果的电子设备,例如可以是个人电脑、移动终端、个人数字助理、可穿戴电子设备等。服务器104用于获取展示界面属性参数、网页信息及对应的网页属性参数,以及根据展示界面属性参数、网页信息及对应的网页属性参数获取导航界面属性参数。服务器104是用于响应服务请求,同时提供计算服务的设备,例如可以是一台或者多台计算机。可以理解的是,在其他实施例中,网页信息展示方法的应用环境可以只包括用户终端102,即用户终端102用于获取展示界面属性参数、网页信息及对应的网页属性参数,根据展示界面属性参数、网页信息及对应的网页属性参数获取导航界面属性参数,然后根据导航界面属性参数生成导航界面,并将网页信息在导航界面中进行展示。
图2A为一个实施例中终端的内部结构示意图。如图2A所示,该终端包括通过系统总线连接的处理器、非易失性存储介质、内存储器和网络接口、扬声器、显示屏和输入装置。其中,终端的非易失性存储介质存储有操作系统,还包括一种网页信息展示装置,该网页信息展示装置用于实现一种网页信息展示方法。该处理器用于提供计算和控制能力,支撑整个终端的运行。终端中的内存储器为非易失性存储介质中的网页信息展示装置的运行提供环境,该内存储器中可储存有计算机可读指令,该计算机可读指令被所述处理器执行时,可使得所述处理器执行一种网页信息展示方法。网络接口用于与服务器进行网络通信,如发送网页信息展示请求至服务器,接收服务器返回的导航界面属性参数等。终端的显示屏可以是液晶显示屏或者电子墨水显示屏等,输入装置可以是显示屏上覆盖的触摸层,也可以是终端外壳上设置的按键、轨迹球或触控板,也可以是外接的键盘、触控板或鼠标等。该终端可以是手机、平板电脑或者个人数字助理或穿戴式设备等。本领域技术人员可以理解,图2A中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的终端的限定,具体的终端可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
图2B为一个实施例中服务器的内部结构示意图。如图2B所示,该服务器包括通过系统总线连接的处理器、非易失性存储介质、内存储器和网络接口。其中,该服务器的非易失性存储介质存储有操作系统、数据库和网页信息展示装置,数据库中存储有网页信息和网页信息对应的网页属性参数,该网页信息展示装置用于实现适用于服务器的一种网页信息展示方法。该服务器的处理器用于提供计算和控制能力,支撑整个服务器的运行。该服务器的内存储器为非易失性存储介质中的网页信息展示装置的运行提供环境,该内存储器中可储存有计算机可读指令,该计算机可读指令被所述处理器执行时,可使得所述处理器执行一种网页信息展示方法。该服务器的网络接口用于据以与外部的终端通过网络连接通信,比如接收终端发送的网页信息展示请求以及向终端返回生成的导航界面属性参数等。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。本领域技术人员可以理解,图2B中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的服务器的限定,具体的服务器可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
图3为一个实施例中网页信息展示方法的流程图。如图3所示,该网页信息展示方法包括步骤S302到步骤S308,其中:
步骤S302,获取展示界面属性参数、网页信息及对应的网页属性参数。
在一个实施例中,网页是指用于展示网站相关信息的页面。网页信息是指网页中展示的内容,可以包含文本、图像、表格、视频等中的至少一种信息。
在一个实施例中,网页信息对应的网页属性参数是指用于表示网页信息相关属性的参数,例如网页属性参数可以是网页的高度、网页中的字符数量、网页中的文本行数等。
在一个实施例中,展示界面是指用于展示网页信息的界面。展示界面属性参数是指用于表示展示界面相关属性的参数,例如展示界面属性参数可以是展示界面的坐标、展示界面的高度、展示界面的宽度等。
步骤S304,根据展示界面属性参数和网页属性参数获取导航界面属性参数。
在一个实施例中,导航界面是指用于引导用户查找展示界面中的网页信息的界面。导航界面属性参数是指用于表示导航界面相关属性的参数,例如导航界面属性参数可以是导航界面的坐标、导航界面的高度、导航界面的宽度、导航界面数量等。
在一个实施例中,网页信息通过展示界面进行展示,当网页信息的大小小于或等于展示界面所能展示的信息大小时,展示界面可以在一个版面中对全部网页信息进行展示。当网页信息的大小超过展示界面所能展示的信息大小时,展示界面在一个版面中只能展示部分网页信息,用户可以通过翻页或者上下拖拽滚动条查看全部的网页信息。
在一个实施例中,通过展示界面属性参数可以得到展示界面的一个版面所能展示的网页信息的大小,同时通过网页属性参数可以得到网页信息的大小,所以通过展示界面属性参数和网页属性参数可以得到需要将全部网页信息进行展示所需的版面数量。
步骤S306,根据导航界面属性参数在展示界面中生成导航界面。
在一个实施例中,通过步骤S304中得到的导航界面属性参数,包括导航界面的坐标、导航界面的高度、导航界面的宽度和导航界面的数量等。根据导航界面的高度和导航界面的宽度生成导航界面的数量对应的导航界面。根据导航界面坐标将导航界面在展示界面中定位并进行展示。所有导航界面在展示界面的一个版面中进行展示。
步骤S308,将网页信息在导航界面中进行展示。
在一个实施例中,导航界面生成后,将网页信息在导航界面中进行展示,同时将网页信息在展示界面中展示。导航界面中能够同时展示全部的网页信息,而展示界面只能展示部分网页内容。用户可以通过导航界面选择需要展示的那部分网页信息,在展示界面中展示用户选择的该部分网页信息。
上述网页信息展示方法,用户无需通过翻页查找网页信息,而只需在导航界面中选取所需查看的网页信息,并在展示界面中展示用户选择的网页信息。使用户能够快速地定位目标网页信息,提高了网页信息查找的效率。
图4为另一个实施例中网页信息展示方法的流程图。如图4所示,该网页信息展示方法包括步骤S402到步骤S414,其中:
步骤S402,获取展示界面属性参数、网页信息及对应的网页属性参数。
在一个实施例中,网页是指用于展示网站相关信息的页面,网页信息是指网页中展示的内容。网页信息对应的网页属性参数是指用于表示网页信息相关属性的参数。展示界面是指用于展示网页信息的界面。展示界面属性参数是指用于表示展示界面相关属性的参数。
在一个实施例中,获取展示界面属性参数是指获取展示界面的高度,获取网页属性参数是指根据网页信息获取网页的高度。其中,网页的高度是指将全部网页信息进行展示时所需的展示界面的高度。
在一个实施例中,针对纯文本的网页,获取网页属性参数还可以是指根据网页信息获取网页中的文本行数。
步骤S404,根据展示界面的高度和网页的高度获取导航界面的数量。
在一个实施例中,网页信息通过展示界面进行展示,当网页的高度小于或等于展示界面的高度时,展示界面可以在一个版面中将网页信息全部进行展示。当网页的高度超过展示界面的高度时,展示界面在一个版面中只能展示部分网页信息,用户可以通过翻页或者上下拖拽滚动条来查看全部的网页信息。
在一个实施例中,导航界面是指用于引导用户查找展示界面中的网页信息的界面。导航界面的数量是指在展示界面中生成的导航界面的数量。导航界面可以为一个或者多个,导航界面能够同时将全部的网页信息进行展示。
在一个实施例中,根据展示界面的高度和网页的高度获取导航界面的数量,是指计算网页的高度和展示界面的高度的比值,根据该比值向上取整从而得到导航界面的数量。其中,向上取整是指若计算出来的比值为小数,则将该比值取大于该比值的最小整数;若计算出来的比值为整数,则保持不变。例如,若计算出来的比值为3.2,那么将该比值向上取整就得到4,若计算出来的比值为3,则保持该比值不变。可以理解的是,网页的高度小于或等于展示界面的高度时,导航界面的数量为一个;当网页的高度大于展示界面的高度时,导航界面的数量为多个。
步骤S406,根据导航界面的数量和展示界面的高度获取导航界面的高度。
在一个实施例中,根据导航界面的数量和展示界面的高度获取导航界面的高度,是指计算展示界面的高度和导航界面的数量的比值,根据该比值向下取整得到导航界面的高度。其中,向下取整是指若计算出来的比值为小数,则将该比值取小于该比值的最大整数;若计算出来的比值为整数,则保持不变。例如,若计算出来的比值为3.2,那么将该比值向上取整就得到3,若计算出来的比值为5,则保持该比值不变。
在一个实施例中,当网页的高度比较大时,计算出来的导航界面的数量较多,则导航界面的高度比较小。可以将计算出来的导航界面的高度与预设导航界面高度进行比较,当计算出来的导航界面的高度大于预设导航界面高度时,将导航界面的高度设置为预设导航界面高度。其中,预设导航界面高度是预先设定的导航界面的高度,可以是用户自定义的,也可以是系统设定的。
在一个实施例中,还可以是根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。即计算展示界面的宽度和导航界面的数量的比值,根据该比值向下取整得到导航界面的宽度。
步骤S408,根据展示界面属性参数在展示界面中生成导航框架界面。
在一个实施例中,导航框架界面是指用于对导航界面进行定位的界面,导航框架界面在展示界面中展示,导航界面中在导航框架界面中进行展示。
在一个实施例中,根据展示界面属性参数在展示界面中生成导航框架界面,是指根据展示界面属性参数设置导航框架界面属性参数,根据导航框架界面属性参数生成导航框架界面并在展示界面中展示。
在一个实施例中,导航框架界面属性参数包括导航框架界面的高度、导航框架界面的宽度和导航框架界面的坐标。其中,导航框架界面的高度等于展示界面的高度,导航框架界面的宽度为预先设定的宽度,可以是用户自定义的,也可以是系统设定的。导航框架界面的坐标是指导航框架界面在展示界面的位置坐标,该位置坐标为用户自定义的坐标。导航框架界面的坐标分为绝对坐标和相对坐标。其中,绝对坐标是指在展示界面中的绝对位置坐标,不受展示界面中其他元素的位置的影响。定义绝对坐标的导航框架界面不会随展示界面大小的变化而发生位置变化。相对坐标是指在展示界面中相对于其他元素的位置坐标,定义相对坐标的导航框架界面会受展示界面中其他元素的位置和大小的影响,随着展示界面大小的变化而发生位置变化。展示界面的元素是指在展示界面中展示的内容元素。
在一个实施例中,导航框架界面的高度可以为用户自定义或系统设定的高度,导航框架界面的宽度为展示界面的宽度,导航框架界面的坐标为用户自定义或系统设定的位置坐标。
步骤S410,根据导航界面的高度和数量在导航框架界面中生成导航界面。
在一个实施例中,根据导航界面的高度和宽度定义每个导航界面,并对导航界面设置对应的导航编号,再将导航界面和导航编号在导航框架界面中按顺序进行展示。
在一个实施例中,导航界面的高度是在步骤S406中根据导航界面的数量和展示界面的高度计算出来的,导航界面的宽度为用户自定义的宽度。导航界面的宽度还可以是根据导航界面的数量和展示界面的宽度计算出来的,导航界面的高度还可以为用户自定义或者系统设定的高度。
在一个实施例中,若步骤S406中计算出来的导航界面的高度大于预设导航界面高度,将导航界面的高度设置为预设导航界面高度。那么导航框架界面无法将生成的导航界面全部进行展示,可以对导航框架面的属性进行设置,通过翻页或者滑动滚动条来查看全部的导航界面。
在一个实施例中,若步骤S406中是根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。则步骤S410为根据导航界面的宽度和数量在导航框架界面中生成导航界面。
步骤S412,根据网页信息生成与导航界面的数量对应的导航页面信息。
在一个实施例中,从开头将网页信息按展示界面的高度进行分割,根据分割后的网页信息生成导航界面的数量对应的导航页面信息。并将生成的导航页面信息按顺序进行编号,得到页面编号,该页面编号与步骤S410中的导航编号为一一对应。
在一个实施例中,将导航页面信息及对应的页面编号通过数据表的形式进行存储,通过页面编号可以查找并获取对应的导航页面信息。
步骤S414,将导航页面信息在导航界面中进行展示。
在一个实施例中,根据步骤S412中生成的导航页面信息的页面编号查找对应的导航编号,在该导航编号对应的导航界面中展示该导航信息。用户可以在导航界面中选择需要查看的网页信息,当用户通过用户终端选择导航界面时,获取用户选择的导航界面的导航编号,通过该导航编号查找页面编号对应的导航页面信息,并将导航页面信息在对应的导航界面中进行展示。
在一个实施例中,导航界面隐藏指令是指隐藏导航界面的指示和命令。导航界面隐藏指令可以是通过用户终端的操作来触发的,也可以是通过判断满足预设条件来触发的。
在一个实施例中,导航界面隐藏指令可以是触控操作、物理按键的按压操作、语音控制操作或对移动终端的晃动操作等操作进行触发的。触控操作有触摸点击操作、触摸长按操作、触摸滑动操作、多点触控操作等,其中,触摸长按操作是超过预设时长的触摸按压操作。例如,在展示界面中设置导航界面隐藏按钮,当用户通过鼠标点击该导航界面隐藏按钮时,则触发导航界面隐藏指令。
在一个实施例中,导航界面隐藏指令可以是通过判断预设时间内检测是否对用户终端有操作来触发的,即若在预设时间内存在对用户终端的操作,则触发导航界面隐藏指令。
在一个实施例中,当接收到导航界面隐藏指令时,隐藏展示界面中的导航界面。也可以是在接收到导航界面隐藏指令时,将展示界面中的导航界面的尺寸进行缩小,当接收到导航界面放大指令时,再将导航界面放大到原来的尺寸。
上述网页信息展示方法,导航界面能够展示全部的网页信息,用户选择导航界面即可获取对应的网页信息并在展示界面中进行展示。用户无需通过翻页或上下拖拽滚动条对网页信息进行查找,而只需在导航界面中选取所需查看的网页信息,并在展示界面中展示用户选择的网页信息。使用户能够快速地定位目标网页信息,提高了网页信息查找的效率。
在一个实施例中,网页信息展示方法还可以包括:获取展示界面属性参数、网页信息及对应的网页属性参数;根据展示界面的高度和网页的高度获取导航界面的数量;根据导航界面的数量和展示界面的高度获取导航界面的高度;根据展示界面属性参数在展示界面中生成导航框架界面;根据导航界面的高度和数量在导航框架界面中生成导航界面;根据网页信息生成与导航界面的数量对应的导航页面信息;将导航页面信息在导航界面中进行展示。
在一个实施例中,网页信息展示方法还可以包括:获取展示界面属性参数、网页信息及对应的网页属性参数;根据展示界面的高度和网页的高度获取导航界面的数量;根据导航界面的数量和展示界面的高度获取导航界面的高度;根据导航界面的高度和数量在展示界面中生成导航界面;根据网页信息生成与导航界面的数量对应的导航页面信息;将导航页面信息在导航界面中进行展示;接收导航界面隐藏指令,在展示界面中隐藏导航界面。
图5为一个实施例中网页信息的终端展示示意图。如图5所示,该终端展示示意图包括网页信息展示区502和导航框架界面504,导航框架界面504中包含了多个导航界面5042。导航界面5042中展示了导航页面信息,当用户选择导航界面时,触发获取导航界面对应的导航编号,并根据导航编号查找对应的导航页面信息,将导航页面信息在网页信息展示区502中进行展示。
图6为另一个实施例中网页信息的终端展示示意图。如图6所示,该终端展示示意图包括导航界面展示区602和网页信息展示区604。其中,导航界面展示区602中包括翻页按钮6022、导航界面6024和导航编号6026。该终端展示界面中无法将全部导航界面进行展示,可以通过翻页按钮6022来查找所需查看的导航界面。在本实施例中,展示界面中能够展示多个导航界面,再通过导航界面查找所需查看的网页信息,不需要从全部网页信息中进行查找,提高了网页信息的查找效率。
图7为另一个实施例中网页信息的终端展示示意图。如图7所示,该终端展示示意图包括导航界面展示区702和网页信息展示区704。导航界面展示区702中的导航界面展示了导航页面信息,当用户选择导航界面时,触发获取导航界面对应的导航编号,并根据导航编号查找对应的导航页面信息,将导航页面信息在网页信息展示区704中进行展示。
图8为另一个实施例中网页信息的终端展示示意图。如图8所示,该终端展示示意图包括导航界面展示区802和网页信息展示区804。当接受到导航界面隐藏指令时,导航界面展示区802中的导航界面缩小为较小的尺寸。该导航界面还可以重新扩大到原来的尺寸。
图9为另一个实施例中网页信息展示方法的流程图。如图9所示,该网页信息展示方法包括步骤S902到步骤S912,其中:
步骤S902,获取网页信息,并将网页信息进行加载。
在一个实施例中,网页是指用于展示网站信息的页面,网页信息是指记录网站中的网页内容的信息。用户终端向网站服务器发起访问请求,服务器将访问请求对应的网页文件返回给用户终端。用户终端接收到网页文件之后,通过用户终端的浏览器获取网页文件中的网页信息,并将网页信息在终端界面中进行加载并展示。其中,浏览器是指可以展示网页文件中的内容,并让用户与这些文件进行交互的一种应用软件。
步骤S904,监听网页信息加载完成时间,计算网页的高度。
在一个实施例中,当浏览器将网页完成网页信息的加载后,则根据网页信息计算出网页的高度。其中,网页的高度是指在网页中将全部网页信息进行展示时所需的界面高度。
步骤S906,获取浏览器的高度。
在一个实施例中,用户可以对浏览器的高度和宽度进行调节。获取浏览器的高度是指在生成导航界面时的浏览器的高度,当浏览器的高度发生变化时,将重新计算并生成导航界面。
步骤S908,计算导航界面的高度和数量,以及导航框架界面的高度。
在一个实施例中,导航界面是指用于引导用户查找展示界面中的网页信息的缩略界面。计算网页的高度与浏览器的高度的比值,将该比值向上取整得到导航界面的数量。计算浏览器的高度和导航界面的数量的比值,将该比值向下取整得到导航界面的高度。
在一个实施例中,导航框架界面是指用于对导航界面进行定位的界面,导航框架界面在展示界面中展示,导航界面中在导航框架界面中进行展示。导航框架界面的高度为浏览器的高度,当浏览器的高度发生变化时,导航框架界面和导航界面的高度也会发生变化。
步骤S910,设置导航框架界面和导航界面的属性。
在一个实施例中,导航框架界面的属性包括导航框架界面的高度、导航框架界面的宽度和导航框架界面的坐标。其中,导航框架界面的宽度为用户自定义或系统设定的宽度,导航框架界面的坐标为用户定义的在浏览器中展示的位置坐标。导航框架界面的坐标为绝对坐标,使得导航框架界面的位置不会随着浏览器的变化而发生变化。
在一个实施例中,导航界面的属性包括导航界面的高度、导航界面的宽度和导航界面的层级。导航界面的高度为步骤S908中计算的导航界面的高度,导航界面的宽度为用户自定义或系统设定的宽度。导航界面的层级是指导航界面在展示界面中的相对层级位置,将导航界面设置为最顶层,则导航界面始终会在展示界面中进行展示,而不受展示界面中其他元素的遮挡。
步骤S912,在网页中加载导航框架界面和导航界面。
在一个实施例中,根据导航框架界面的属性在浏览器中绘制并加载导航框架界面。根据导航界面的属性绘制导航界面,将导航界面设置对应的导航编号,并将导航界面及其对应的导航编号在导航框架界面中进行展示。
步骤S914,将网页信息在导航界面中进行展示。
在一个实施例中,根据网页信息生成导航界面的数量对应的导航页面信息,将导航页面信息设置对应的页面编号,该页面编号与导航界面的导航编号对应。将导航页面信息在对应导航编号的导航界面中进行展示。
上述网页信息展示方法,浏览器在加载网页时,通过获取网页的高度和浏览器的高度绘制导航界面,将网页信息在导航界面中进行展示。用户可以通过导航界面选择所需展示的网页信息,浏览器根据用户选择的导航界面对应的导航编号查找对应的网页信息并进行展示。用户只需通过导航界面选择需要查看的网页信息,无需在全部的网页信息中进行查找,提高了网页信息的查找效率。
图10为一个实施例中网页信息展示装置的结构示意图。如图10所示,该网页信息展示装置1000包括获取模块1002、计算模块1004、生成模块1006和展示模块1008。其中:
获取模块1002,用于获取展示界面属性参数、网页信息及对应的网页属性参数。
计算模块1004,用于根据所述展示界面属性参数和网页属性参数获取导航界面属性参数。
生成模块1006,用于根据所述导航界面属性参数在展示界面中生成导航界面。
展示模块1008,用于将所述网页信息在所述导航界面中进行展示。
上述网页信息展示装置,通过网页属性参数和展示界面属性参数生成导航界面,并在导航界面中展示网页信息。用户只需通过导航界面选择网页信息进行加载,无需在全部的网页信息中进行查找,提高了网页信息的查找效率。
图11为另一个实施例中网页信息展示装置的结构示意图。如图11所示,该网页信息展示装置1100包括获取模块1102、计算模块1104、框架界面生成模块1106、生成模块1108和展示模块1110。其中:
获取模块1102,用于获取展示界面属性参数、网页信息及对应的网页属性参数。
计算模块1104,用于根据所述展示界面属性参数和网页属性参数获取导航界面属性参数。
框架界面生成模块1106,用于根据所述展示界面属性参数在所述展示界面中生成导航框架界面。
生成模块1108,用于根据所述导航界面属性参数在展示界面中生成导航界面。
展示模块1110,用于将所述网页信息在所述导航界面中进行展示。
上述网页信息展示装置,通过网页属性参数和展示界面属性参数生成导航框架界面和导航界面,并在导航框架界面中展示导航界面,在导航界面中展示网页信息。导航框架界面可以将导航界面进行定位,防止网页信息被导航界面遮盖。同时用户只需通过导航界面选择网页信息进行加载,无需在全部的网页信息中进行查找,提高了网页信息的查找效率。
在一个实施例中,计算模块1104还用于根据展示界面的高度和网页的高度获取导航界面的数量;根据所述导航界面的数量和所述展示界面的高度获取导航界面的高度。
在一个实施例中,计算模块1104还用于根据展示界面的高度和网页的高度获取导航界面的数量;根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。
在一个实施例中,生成模块1108还用于根据所述导航界面属性参数在所述导航框架界面中生成导航界面。
在一个实施例中,生成模块1108还用于根据导航界面的高度和数量在导航框架界面中生成导航界面。
在一个实施例中,生成模块1108还用于根据导航界面的宽度和数量在导航框架界面中生成导航界面。
在一个实施例中,展示模块1110还用于根据所述网页信息生成与所述导航界面属性参数对应的导航页面信息;将所述导航页面信息在所述导航界面中进行展示。
在一个实施例中,网页信息展示装置还可以包括导航界面隐藏模块,该导航界面隐藏模块用于接收导航界面隐藏指令,在所述展示界面中隐藏所述导航界面。可以理解的是,上述网页信息展示装置中各个模块的划分仅用于举例说明,在其他实施例中,可将网页信息展示装置按照需要划分为不同的模块,以完成上述网页信息展示装置的全部或部分功能。
一种计算机设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现以下步骤:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
在一个实施例中,所述根据所述展示界面属性参数和网页属性参数获取导航界面属性参数包括:
根据展示界面的高度和网页的高度获取导航界面的数量;
根据所述导航界面的数量和所述展示界面的高度获取导航界面的高度。
在一个实施例中,所述方法还包括:
接收导航界面隐藏指令,在所述展示界面中隐藏所述导航界面。
在一个实施例中,所述方法还包括:
根据所述展示界面属性参数在所述展示界面中生成导航框架界面;
所述根据所述导航界面属性参数在展示界面中生成导航界面包括:根据所述导航界面属性参数在所述导航框架界面中生成导航界面。
在一个实施例中,所述将所述网页信息在所述导航界面中进行展示包括:
根据所述网页信息生成与所述导航界面属性参数对应的导航页面信息;
将所述导航页面信息在所述导航界面中进行展示。
一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现以下步骤:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
在一个实施例中,所述根据所述展示界面属性参数和网页属性参数获取导航界面属性参数包括:
根据展示界面的高度和网页的高度获取导航界面的数量;
根据所述导航界面的数量和所述展示界面的高度获取导航界面的高度。
在一个实施例中,所述根据所述展示界面属性参数和网页属性参数获取导航界面属性参数包括:
根据展示界面的高度和网页的高度获取导航界面的数量;
根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。在一个实施例中,所述方法还包括:
接收导航界面隐藏指令,在所述展示界面中隐藏所述导航界面。
在一个实施例中,所述方法还包括:
根据所述展示界面属性参数在所述展示界面中生成导航框架界面;
所述根据所述导航界面属性参数在展示界面中生成导航界面包括:根据所述导航界面属性参数在所述导航框架界面中生成导航界面。
在一个实施例中,所述将所述网页信息在所述导航界面中进行展示包括:
根据所述网页信息生成与所述导航界面属性参数对应的导航页面信息;
将所述导航页面信息在所述导航界面中进行展示。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。

Claims (11)

1.一种网页信息展示方法,其特征在于,包括:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
2.根据权利要求1所述的网页信息展示方法,其特征在于,所述根据所述展示界面属性参数和网页属性参数获取导航界面属性参数包括:
根据展示界面的高度和网页的高度获取导航界面的数量;
根据所述导航界面的数量和所述展示界面的高度获取导航界面的高度。
3.根据权利要求1所述的网页信息展示方法,其特征在于,所述根据所述展示界面属性参数和网页属性参数获取导航界面属性参数包括:
根据展示界面的高度和网页的高度获取导航界面的数量;
根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。
4.根据权利要求1所述的网页信息展示方法,其特征在于,所述方法还包括:
根据所述展示界面属性参数在所述展示界面中生成导航框架界面;
所述根据所述导航界面属性参数在展示界面中生成导航界面包括:根据所述导航界面属性参数在所述导航框架界面中生成导航界面。
5.根据权利要求1至4中任意一项所述的网页信息展示方法,其特征在于,所述将所述网页信息在所述导航界面中进行展示包括:
根据所述网页信息生成与所述导航界面属性参数对应的导航页面信息;
将所述导航页面信息在所述导航界面中进行展示。
6.一种网页信息展示装置,其特征在于,包括:
获取模块,用于获取展示界面属性参数、网页信息及对应的网页属性参数;
计算模块,用于根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
生成模块,用于根据所述导航界面属性参数在展示界面中生成导航界面;
展示模块,用于将所述网页信息在所述导航界面中进行展示。
7.根据权利要求6所述的网页信息展示装置,其特征在于,所述计算模块还用于根据展示界面的高度和网页的高度获取导航界面的数量;根据所述导航界面的数量和所述展示界面的高度获取导航界面的高度。
8.根据权利要求6所述的网页信息展示装置,其特征在于,所述计算模块还用于根据展示界面的高度和网页的高度获取导航界面的数量;根据所述导航界面的数量和所述展示界面的宽度获取导航界面的宽度。
9.根据权利要求6所述的网页信息展示装置,其特征在于,所述装置还包括:
框架界面生成模块,用于根据所述展示界面属性参数在所述展示界面中生成导航框架界面;
所述生成模块还用于根据所述导航界面属性参数在所述导航框架界面中生成导航界面。
10.根据权利要求6所述的网页信息展示装置,其特征在于,所述展示模块还用于根据所述网页信息生成与所述导航界面属性参数对应的导航页面信息;将所述导航页面信息在所述导航界面中进行展示。
11.一种计算机设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现以下步骤:
获取展示界面属性参数、网页信息及对应的网页属性参数;
根据所述展示界面属性参数和网页属性参数获取导航界面属性参数;
根据所述导航界面属性参数在展示界面中生成导航界面;
将所述网页信息在所述导航界面中进行展示。
CN201710003090.3A 2017-01-04 2017-01-04 网页信息展示方法、装置及计算机设备 Pending CN106611066A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710003090.3A CN106611066A (zh) 2017-01-04 2017-01-04 网页信息展示方法、装置及计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710003090.3A CN106611066A (zh) 2017-01-04 2017-01-04 网页信息展示方法、装置及计算机设备

Publications (1)

Publication Number Publication Date
CN106611066A true CN106611066A (zh) 2017-05-03

Family

ID=58636995

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710003090.3A Pending CN106611066A (zh) 2017-01-04 2017-01-04 网页信息展示方法、装置及计算机设备

Country Status (1)

Country Link
CN (1) CN106611066A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1283484A2 (en) * 2001-08-08 2003-02-12 Xerox Corporation Methods and systems for generating enhanced thumbnails usable for document navigation
CN102541882A (zh) * 2010-12-17 2012-07-04 中国移动通信集团公司 网页导航页面和网页的显示方法及移动通信终端
CN104050184A (zh) * 2013-03-13 2014-09-17 阿里巴巴集团控股有限公司 显示页面内容的方法及装置
CN104267871A (zh) * 2014-09-10 2015-01-07 百度在线网络技术(北京)有限公司 一种页面呈现的方法与装置
CN104484363A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 搜索结果的展现方法及装置
CN104636396A (zh) * 2013-11-13 2015-05-20 阿里巴巴集团控股有限公司 一种页面定位方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1283484A2 (en) * 2001-08-08 2003-02-12 Xerox Corporation Methods and systems for generating enhanced thumbnails usable for document navigation
CN102541882A (zh) * 2010-12-17 2012-07-04 中国移动通信集团公司 网页导航页面和网页的显示方法及移动通信终端
CN104050184A (zh) * 2013-03-13 2014-09-17 阿里巴巴集团控股有限公司 显示页面内容的方法及装置
CN104636396A (zh) * 2013-11-13 2015-05-20 阿里巴巴集团控股有限公司 一种页面定位方法及装置
CN104267871A (zh) * 2014-09-10 2015-01-07 百度在线网络技术(北京)有限公司 一种页面呈现的方法与装置
CN104484363A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 搜索结果的展现方法及装置

Similar Documents

Publication Publication Date Title
US10007402B2 (en) System and method for displaying content
US9360992B2 (en) Three dimensional conditional formatting
KR101785748B1 (ko) 유연한 평행 및 직교 움직임을 가진 멀티-레이어 사용자 인터페이스
US9830042B2 (en) Enhanced roll-over, button, menu, slider, and hyperlink environments for high dimensional touchpad (HTPD), other advanced touch user interfaces, and advanced mice
CN104978317B (zh) 网页生成方法及装置、网站生成方法及建站服务器
US9792268B2 (en) Zoomable web-based wall with natural user interface
US9274686B2 (en) Navigation framework for visual analytic displays
US20130151938A1 (en) Browser spreadsheet integration
US9164972B2 (en) Managing objects in panorama display to navigate spreadsheet
EP2699998A2 (en) Compact control menu for touch-enabled command execution
EP3028230A2 (en) Automatic recognition and insights of data
US9210248B2 (en) Method and apparatus for displaying contact information based on an image embedded with contact information
CN108984707B (zh) 分享个人信息的方法、装置、终端设备及存储介质
KR20170037957A (ko) 스프레드시트의 데이터세트를 폼 기반 뷰 내에 표현하는 기법
CN104063063A (zh) 输入法的数学计算输入方法和输入法系统
CN104102418A (zh) 一种移动终端浏览器中输入框目标位置定位方法及装置
CN106126108A (zh) 一种缩略图的生成方法及移动终端
KR20160033547A (ko) 컨텐트를 스타일링하는 장치 및 방법
KR20110028521A (ko) 링크의 비 마우스 기반 활성화를 위한 그래픽 사용자 인터페이스
US10635286B2 (en) Visualizations supporting unlimited rows and columns
US11430166B1 (en) Facilitating generation of number-bullet objects
CN106611066A (zh) 网页信息展示方法、装置及计算机设备
CN105549837A (zh) 基于触屏设备的通讯录中联系人项的展示方法及装置
CN115421631A (zh) 界面显示方法和装置
KR20160136726A (ko) 전자 장치 및 그 제어 방법

Legal Events

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

Application publication date: 20170503

RJ01 Rejection of invention patent application after publication