CN104423839A - 浏览器资源显示方法和装置 - Google Patents

浏览器资源显示方法和装置 Download PDF

Info

Publication number
CN104423839A
CN104423839A CN201310389461.8A CN201310389461A CN104423839A CN 104423839 A CN104423839 A CN 104423839A CN 201310389461 A CN201310389461 A CN 201310389461A CN 104423839 A CN104423839 A CN 104423839A
Authority
CN
China
Prior art keywords
resource
browser
webpage
regional extent
sum
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
CN201310389461.8A
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.)
ZTE Corp
Original Assignee
ZTE Corp
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 ZTE Corp filed Critical ZTE Corp
Priority to CN201310389461.8A priority Critical patent/CN104423839A/zh
Priority to JP2016537084A priority patent/JP6255495B2/ja
Priority to US14/915,009 priority patent/US20160217143A1/en
Priority to PCT/CN2013/090261 priority patent/WO2014161357A1/zh
Publication of CN104423839A publication Critical patent/CN104423839A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/10—Protocols in which an application is distributed across nodes in the network

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及一种浏览器资源显示方法和装置，根据浏览器的滚动条的位置信息获取浏览器当前视窗的显示范围，当待显示资源处于浏览器当前视窗的显示范围内时，下载该待显示资源，即在拖动滚动条时，待显示资源进入浏览器视窗范围内时，下载并显示待显示资源，而不用下载其它未进入浏览器视窗范围内的待显示资源，以节省用户在使用浏览器时产生的流量，且不用使用中间服务器即可实现。

Description

浏览器资源显示方法和装置
技术领域
本发明涉及浏览器技术领域，尤其涉及一种浏览器资源显示方法和装置。
背景技术
随着无线通讯技术和互联网技术的飞速发展，在移动终端上使用浏览器上网的用户越来越多。从浏览简单的手机WAP网站到复杂的桌面版3W网站，移动终端浏览器产生的数据流量也越来越庞大，因此对于非WIFI的网络环境下，浏览器对于流量的控制和节省对于很多用户是非常重要的。在当前浏览器技术中，节省浏览器流量主要有两种方式：一种是通过中间服务器对终端浏览器请求的网页数据进行压缩，从而减少在终端上产生的流量。这种方式的优点是无需终端浏览器做任何处理就达到省流目的，缺点是需要有中间服务器支持；二是可通过无图模式，即在浏览网页时不加载图片方式来达到省流目的。这种方法的优点是无需通过中间服务器，且省流方式简单有效，其缺点是用户无法浏览网页中的图片。
发明内容
本发明的主要目的是提供一种浏览器资源显示方法和装置，旨在显示网页中所有资源的前提下，无需中间服务器即可达到节省流量的目的。
本发明提出一种浏览器资源显示方法，包括：
获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源。
优选地，所述区域范围由所述网页的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、所述视窗的高度值H1以及所述视窗的宽度值W1确定，所述布局信息由所述待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2确定。
优选地，所述确定位于所述区域范围内的所述网页的待显示资源的步骤包括：
确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；
确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；
在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
优选地，所述获取浏览器视窗中滚动条的当前位置信息的步骤之前，该方法还包括：
解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中。
优选地，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围的步骤之前，该方法还包括：
确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；
停止下载确定的待显示资源。
本发明还提出一种浏览器资源显示装置，包括：
生成模块，用于获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
确定模块，用于根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
显示模块，用于下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源。
优选地，所述区域范围由所述网页的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、所述视窗的高度值H1以及所述视窗的宽度值W1确定，所述布局信息由所述待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2确定。
优选地，所述确定模块具体用于确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
优选地，该装置还包括：
解析模块，用于解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
控制模块，用于当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中。
优选地，所述生成模块还用于侦测到所述滚动条的位置信息发生改变时，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；该装置还包括判断模块，用于判断是否有正在下载的待显示资源；所述确定模块还用于若有正在下载的待显示资源，则确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；该装置还包括截止模块，用于停止下载确定的待显示资源；所述确定模块还用于若没有正在下载的待显示资源，则根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源。
本发明提出的浏览器资源显示方法和装置，根据浏览器的滚动条的位置信息获取浏览器当前视窗的显示范围，当待显示资源处于浏览器当前视窗的显示范围内时，下载该待显示资源，即在拖动滚动条时，待显示资源进入浏览器视窗范围内时，下载并显示待显示资源，而不用下载其它未进入浏览器视窗范围内的待显示资源，以节省用户在使用浏览器时产生的流量，且不用使用中间服务器即可实现。
附图说明
图1为本发明浏览器资源显示方法第一实施例的流程示意图；
图2为图1中步骤S20的具体流程示意图；
图3为本发明浏览器资源显示方法第二实施例的流程示意图；
图4为本发明浏览器资源显示方法第二实施例的流程示意图；
图5为本发明浏览器资源显示装置第一实施例的结构示意图；
图6为本发明浏览器资源显示装置第二实施例的结构示意图；
图7为本发明浏览器资源显示装置第三实施例的结构示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
下面结合附图及具体实施例就本发明的技术方案做进一步的说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
参照图1和图2，图1为本发明浏览器资源显示方法第一实施例的流程示意图，图2为图1中步骤S20的具体流程示意图。
本实施例提出一种浏览器资源显示方法，包括：
步骤S10，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
滚动条当前位置信息包括浏览器视窗的水平滚动条的坐标值X1，以及垂直滚动条的坐标值Y1，在本实施例中坐标的基点可为网页的左上角处，在浏览器初始化时滚动条的位置信息为（0,0），即水平滚动条和垂直滚动条的坐标值均为0，而当用户移动滚动条时，滚动条的的位置信息变化为（X1,Y1）。
视窗涵盖的所述网页的区域范围由视窗范围内的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、视窗的高度值W1以及视窗的宽度值H1来确定，该区域范围表示为（X1,Y1,W1,H1）,W1和H1的值根据浏览器当前的状态确定，可先判断浏览器是否处于全屏显示模式，当浏览器处于全屏模式时，W1为终端屏幕的宽度，H1为终端屏幕的高度；当浏览器处于正常模式时，若浏览器为正常大小显示，则W1为终端屏幕的宽度，H1为终端屏幕的高度与浏览器工具条的宽度值的差值，可预设全屏模式显示以及正常模式显示的W1和H1，并将该W1和H1与浏览器的显示模式关联保存，根据滚动条当前的位置信息以及浏览器的显示模式生成视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1）；当浏览器处于正常模式显示时，若浏览器缩小至一定的比例显示，则根据正常显示模式所对应的W1和H1，以及显示比例计算出当前的W1和H1，以生成相应的视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1）。
步骤S20，根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
在接收到浏览器的资源时，可将浏览器资源解析为多个待显示资源的下载地址、待显示资源的类型以及待显示资源的层叠样式表，待显示资源包括不同的类型资源例如图片、视频、文字等，根据层叠样式表中网页的样式、排版以及待显示资源的类型、大小生成待显示资源的在浏览器页面中的布局信息，该布局信息包括待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2。该待显示资源优选为图片以及视频资源，在网页的显示过程中可先下载全部的文字信息，在文字信息下载完毕时仅下载出现在视窗涵盖网页的区域范围。在解析接收到浏览器的资源后，先下载全部的文字信息然后将将待显示资源的布局信息与其他待显示资源下载地址关联保存，在获取到的待显示资源中待显示资源的布局信息位于所述区域范围内，则根据对应的下载地址下载该待显示资源。
参照图2，在本实施例中步骤S20的具体步骤如下：
步骤S21，确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；
步骤S22，确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；
步骤S23，在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
定位于所述区域范围内的所述网页的待显示资源的条件采用逻辑公式表达如下：(X1<X2<X1+W1||X1<X2+W2<X1+W1)&&(Y1<Y2<Y1+H1||Y1<Y2+H2<Y1+H1)。
当用户移动滚动条时滚动条的位置信息改变为（X1,Y1）时，则相应的视窗涵盖的所述网页的区域范围为（X1,Y1,W1,H1），相当于视窗在网页上移动，在本实施例中，待显示资源的布局信息优选为以浏览器页面的左上角为基点，待显示资源的布局信息（X2,Y2,W2,H2）中待显示资源的水平坐标值X2、垂直坐标值Y2在本实施例中优选为待显示资源的左上角的坐标（X2,Y2）。
在用户移动滚动条时，可先获取当前视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1），依次获取待显示资源的布局信息（X2,Y2,W2,H2），并将获取到的布局信息（X2,Y2,W2,H2）与获取到的区域范围（X1,Y1,W1,H1）进行比对，若X1<X2<X1+W1且Y1<Y2<Y1+H1，则说明视频待显示资源左上角位置处于当前视窗的显示范围内，例如在向右拖动水平滚动条及/或向下拖动的垂直滚动条时，待显示资源的左上角位置会出现在视窗内，则可下载该待显示资源；若X1<X2+W2<X1+W1且Y1<Y2+H2<Y1+H1时，则说明待显示资源的左上角位置不在当前视窗的显示范围内，但待显示资源的部分显示在当前视窗涵盖的网页的区域范围，例如用户拖动滚动条的幅度较大，或者用户向左拖动水平滚动条及/或向上拖动的垂直滚动条，都会出现待显示资源的左上角位置未出现在视窗显示范围内，但待显示资源的部分出现在视窗显示区域范围内，此时下载该待显示资源并显示，以供用户观看，以提高用户体验度。
步骤S30，下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源；
在下载待显示资源之前，可先判断是否下载过待显示资源，由于用户可能重复浏览网页的某一部分，则会出现某些待显示资源已经下载过，此时不需要重新下载该待显示资源，只需要由存储装置中调用下载过的待显示资源即可，以免重复下载造成资源的浪费。
在本实施例中，在接收到浏览器资源时将浏览器资源解析为多个待显示资源的下载地址，每个待显示资源均对应一个下载地址，若确定待显示资源进入当前视窗涵盖的网页的区域范围，则根据解析得到的下载地址下载该待显示资源，该下载地址优先为网页地址。
本实施例提出的浏览器资源下载方法，根据浏览器的滚动条的位置信息获取浏览器当前视窗的显示范围，当待显示资源处于浏览器当前视窗的显示范围内时，下载该待显示资源，即在拖动滚动条时，待显示资源进入浏览器视窗范围内时，下载并显示待显示资源，而不用下载其它未进入浏览器视窗范围内的待显示资源，以节省用户在使用浏览器时产生的流量，且不用使用中间服务器即可实现。
参照图3，图3为本发明浏览器资源显示方法第二实施例的流程示意图。
基于第一实施例提出本发明浏览器资源显示方法第二实施例，在本实施例中，在步骤S10之前还包括：
步骤S40，解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
步骤S50，当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中
在用户启动浏览器时或者用户打开网页时，会接收到服务器发送的浏览器资源，解析该浏览器资源获取每个待显示资源（如文字、图片、视频等）的下载地址。由于手机等移动终端可连接WIFI网络，也可连接其他移动2G/3G网络，由于2G/3G网络等收费较高，可在WIFI网络环境下下载所有待显示资源，若在2G/3G网络等其他网络连接下时，可根据待显示资源的类型先下载文字、表格等占用流量较小的待显示资源，截止下载图片和视频等占用流量较大的待显示资源，将所述图片和视频等占用流量较大的待显示资源的下载地址存储在待下载队列中，在图片和视频等占用流量较大的待显示资源进入视窗涵盖的网页的区域范围时，由待下载队列中下载图片和视频等占用流量较大的待显示资源；或者在2G/3G网络等其他网络连接下时，截止下载所有的待显示资源，当待显示资源进入视窗涵盖的网页的区域范围时，则下载该进入视窗涵盖的网页的区域范围的待显示资源。
参照图4，图4为本发明浏览器资源显示方法第三实施例的流程示意图。
基于第一实施例提出本发明浏览器资源显示方法第三实施例，在本实施例中，该方法还包括：
步骤S60，侦测到所述滚动条的位置信息发生改变时，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
步骤S70，判断是否有正在下载的待显示资源；
步骤S80，若有正在下载的待显示资源，则确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；
步骤S90，停止下载确定的待显示资源；
若没有正在下载的待显示资源，则执行步骤S20，根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源。
由于可能用户会连续拖动滚动条至某一位置，若检测到滚动条的位置信息连续发生变化时，不下载连续出现在视窗范围内的待显示资源，直至接收到滚动条的位置信息停止变化的信息时，获取当前视窗的显示范围信息并遍历图片及视频待显示资源的布局信息，下载视窗区域范围内的待显示资源。
由于用户拖动滚动条过于频繁，则会出现滚动条的信息发生改变时，正在下载的待显示资源已经不处于视窗的区域范围内，此时可停止下载不处于视窗显示范围内的待显示资源，并开始下载其它处于视窗显示范围内的待显示资源，以节省浏览器所在终端产生的流量。
参照图5，图5为本发明浏览器资源显示装置第一实施例的结构示意图。
本实施例提出一种浏览器资源显示装置，包括：
生成模块10，用于获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
滚动条当前位置信息包括浏览器视窗的水平滚动条的坐标值X1，以及垂直滚动条的坐标值Y1，在本实施例中坐标的基点可为网页的左上角处，在浏览器初始化时滚动条的位置信息为（0,0），即水平滚动条和垂直滚动条的坐标值均为0，而当用户移动滚动条时，滚动条的的位置信息变化为（X1,Y1）。
视窗涵盖的所述网页的区域范围由视窗范围内的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、视窗的高度值W1以及视窗的宽度值H1来确定，该区域范围表示为（X1,Y1,W1,H1）,W1和H1的值根据浏览器当前的状态确定，可先判断浏览器是否处于全屏显示模式，当浏览器处于全屏模式时，W1为终端屏幕的宽度，H1为终端屏幕的高度；当浏览器处于正常模式时，若浏览器为正常大小显示，则W1为终端屏幕的宽度，H1为终端屏幕的高度与浏览器工具条的宽度值的差值，可预设全屏模式显示以及正常模式显示的W1和H1，并将该W1和H1与浏览器的显示模式关联保存，根据滚动条当前的位置信息以及浏览器的显示模式生成视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1）；当浏览器处于正常模式显示时，若浏览器缩小至一定的比例显示，则根据正常显示模式所对应的W1和H1，以及显示比例计算出当前的W1和H1，以生成相应的视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1）。
确定模块20，用于根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
在接收到浏览器的资源时，可将浏览器资源解析为多个待显示资源的下载地址、待显示资源的类型以及待显示资源的层叠样式表，待显示资源包括不同的类型资源例如图片、视频、文字等，根据层叠样式表中网页的样式、排版以及待显示资源的类型、大小生成待显示资源的在浏览器页面中的布局信息，该布局信息包括待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2。该待显示资源优选为图片以及视频资源，在网页的显示过程中可先下载全部的文字信息，在文字信息下载完毕时仅下载出现在视窗涵盖网页的区域范围。在解析接收到浏览器的资源后，先下载全部的文字信息然后将将待显示资源的布局信息与其他待显示资源下载地址关联保存，在获取到的待显示资源中待显示资源的布局信息位于所述区域范围内，则根据对应的下载地址下载该待显示资源。
确定模块20确定位于所述区域范围内的所述网页的待显示资源的过程具体如下：确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；步骤S22，确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
定位于所述区域范围内的所述网页的待显示资源的条件采用逻辑公式表达如下：(X1<X2<X1+W1||X1<X2+W2<X1+W1)&&(Y1<Y2<Y1+H1||Y1<Y2+H2<Y1+H1)。
当用户移动滚动条时滚动条的位置信息改变为（X1,Y1）时，则相应的视窗涵盖的所述网页的区域范围为（X1,Y1,W1,H1），相当于视窗在网页上移动，在本实施例中，待显示资源的布局信息优选为以浏览器页面的左上角为基点，待显示资源的布局信息（X2,Y2,W2,H2）中待显示资源的水平坐标值X2、垂直坐标值Y2在本实施例中优选为待显示资源的左上角的坐标（X2,Y2）。
在用户移动滚动条时，可先获取当前视窗涵盖的所述网页的区域范围（X1,Y1,W1,H1），依次获取待显示资源的布局信息（X2,Y2,W2,H2），并将获取到的布局信息（X2,Y2,W2,H2）与获取到的区域范围（X1,Y1,W1,H1）进行比对，若X1<X2<X1+W1且Y1<Y2<Y1+H1，则说明视频待显示资源左上角位置处于当前视窗的显示范围内，例如在向右拖动水平滚动条及/或向下拖动的垂直滚动条时，待显示资源的左上角位置会出现在视窗内，则可下载该待显示资源；若X1<X2+W2<X1+W1且Y1<Y2+H2<Y1+H1时，则说明待显示资源的左上角位置不在当前视窗的显示范围内，但待显示资源的部分显示在当前视窗涵盖的网页的区域范围，例如用户拖动滚动条的幅度较大，或者用户向左拖动水平滚动条及/或向上拖动的垂直滚动条，都会出现待显示资源的左上角位置未出现在视窗显示范围内，但待显示资源的部分出现在视窗显示区域范围内，此时下载该待显示资源并显示，以供用户观看，以提高用户体验度。
显示模块30，用于下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源。
在下载待显示资源之前，可先判断是否下载过待显示资源，由于用户可能重复浏览网页的某一部分，则会出现某些待显示资源已经下载过，此时不需要重新下载该待显示资源，只需要由存储装置中调用下载过的待显示资源即可，以免重复下载造成资源的浪费。
在本实施例中，在接收到浏览器资源时将浏览器资源解析为多个待显示资源的下载地址，每个待显示资源均对应一个下载地址，若确定待显示资源进入当前视窗涵盖的网页的区域范围，则根据解析得到的下载地址下载该待显示资源，该下载地址优先为网页地址。
本实施例提出的浏览器资源下载装置，根据浏览器的滚动条的位置信息获取浏览器当前视窗的显示范围，当待显示资源处于浏览器当前视窗的显示范围内时，下载该待显示资源，即在拖动滚动条时，待显示资源进入浏览器视窗范围内时，下载并显示待显示资源，而不用下载其它未进入浏览器视窗范围内的待显示资源，以节省用户在使用浏览器时产生的流量，且不用使用中间服务器即可实现。
参照图6，图6为本发明浏览器资源显示装置第二实施例的结构示意图。
基于第一实施例，提出本发明浏览器资源显示装置第二实施例，在本实施例中，该装置还包括：
解析模块40，用于解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
控制模块50，用于当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中。
在用户启动浏览器时或者用户打开网页时，会接收到服务器发送的浏览器资源，解析该浏览器资源获取每个待显示资源（如文字、图片、视频等）的下载地址。由于手机等移动终端可连接WIFI网络，也可连接其他移动2G/3G网络，由于2G/3G网络等收费较高，可在WIFI网络环境下下载所有待显示资源，若在2G/3G网络等其他网络连接下时，可根据待显示资源的类型先下载文字、表格等占用流量较小的待显示资源，截止下载图片和视频等占用流量较大的待显示资源，将所述图片和视频等占用流量较大的待显示资源的下载地址存储在待下载队列中，在图片和视频等占用流量较大的待显示资源进入视窗涵盖的网页的区域范围时，由待下载队列中下载图片和视频等占用流量较大的待显示资源；或者在2G/3G网络等其他网络连接下时，截止下载所有的待显示资源，当待显示资源进入视窗涵盖的网页的区域范围时，则下载该进入视窗涵盖的网页的区域范围的待显示资源。
参照图7，图7为本发明浏览器资源显示装置第三实施例的结构示意图。
在本发明浏览器资源下载装置第一实施例和第二实施例中，
所述生成模块10还用于侦测到所述滚动条的位置信息发生改变时，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；还包括判断模块60还用于判断是否有正在下载的待显示资源；所述确定模块20还用于若有正在下载的待显示资源，则确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；该装置还包括截止模块70，用于停止下载确定的待显示资源；所述确定模块20还用于若没有正在下载的待显示资源，则根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源。
由于可能用户会连续拖动滚动条至某一位置，若检测到滚动条的位置信息连续发生变化时，不下载连续出现在视窗范围内的待显示资源，直至接收到滚动条的位置信息停止变化的信息时，获取当前视窗的显示范围信息并遍历图片及视频待显示资源的布局信息，下载视窗区域范围内的待显示资源。
由于用户拖动滚动条过于频繁，则会出现滚动条的信息发生改变时，正在下载的待显示资源已经不处于视窗的区域范围内，此时可停止下载不处于视窗显示范围内的待显示资源，并开始下载其它处于视窗显示范围内的待显示资源，以节省浏览器所在终端产生的流量。
以上所述仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种浏览器资源显示方法，其特征在于，包括：
获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源。
2.根据权利要求1所述的方法，其特征在于，所述区域范围由所述网页的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、所述视窗的高度值H1以及所述视窗的宽度值W1确定，所述布局信息由所述待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2确定。
3.根据权利要求2所述的方法，其特征在于，所述确定位于所述区域范围内的所述网页的待显示资源的步骤包括：
确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；
确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；
在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
4.根据权利要求1所述的方法，其特征在于，所述获取浏览器视窗中滚动条的当前位置信息的步骤之前，该方法还包括：
解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中。
5.根据权利要求1所述的方法，其特征在于，该方法还包括：
侦测到所述滚动条的位置信息发生改变时，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
判断是否有正在下载的待显示资源；
若有正在下载的待显示资源，则确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；
停止下载确定的待显示资源；
若没有正在下载的待显示资源，则根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源。
6.一种浏览器资源显示装置，其特征在于，包括：
生成模块，用于获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；
确定模块，用于根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源；
显示模块，用于下载确定的待显示资源，并在所述区域范围内对应显示下载的待显示资源。
7.根据权利要求6所述的装置，其特征在于，所述区域范围由所述网页的水平滚动条的当前坐标值X1、垂直滚动条的当前坐标值Y1、所述视窗的高度值H1以及所述视窗的宽度值W1确定，所述布局信息由所述待显示资源的水平坐标值X2、垂直坐标值Y2、所述待显示资源的高度值H2以及所述待显示资源的宽度值W2确定。
8.根据权利要求7所述的装置，其特征在于，所述确定模块具体用于确定X2或者X2与W2之和，是否大于X1且小于X1与W1之和，若X2或者X2与W2之和，大于X1且小于X1与W1之和，则确定第一条件成立；确定Y2或者Y2与H2之和，是否大于Y1且小于Y1与H1之和，若Y2或者Y2与H2之和，大于Y1且小于Y1与H1之和，则确定第二条件成立；在第一条件及第二条件都成立时，确定所述待显示资源位于所述区域范围内。
9.根据权利要求6所述的装置，其特征在于，该装置还包括：
解析模块，用于解析接收到的浏览器资源生成所述浏览器的待显示资源的下载地址；
控制模块，用于当所述浏览器所在的终端是未连接WIFI网络时，截止下载待显示资源，将所述待显示资源的下载地址存储在待下载队列中。
10.根据权利要求6所述的装置，其特征在于，所述生成模块还用于侦测到所述滚动条的位置信息发生改变时，获取浏览器视窗中网页滚动条的当前位置信息，根据获取的位置信息生成所述视窗涵盖的所述网页的区域范围；该装置还包括判断模块，用于判断是否有正在下载的待显示资源；所述确定模块还用于若有正在下载的待显示资源，则确定不处于所述视窗涵盖的区域范围内的正在下载的待显示资源；该装置还包括截止模块，用于停止下载确定的待显示资源；所述确定模块还用于若没有正在下载的待显示资源，则根据所述网页中各个待显示资源在所述网页中的布局信息，确定位于所述区域范围内的所述网页的待显示资源。
CN201310389461.8A 2013-08-30 2013-08-30 浏览器资源显示方法和装置 Pending CN104423839A (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201310389461.8A CN104423839A (zh) 2013-08-30 2013-08-30 浏览器资源显示方法和装置
JP2016537084A JP6255495B2 (ja) 2013-08-30 2013-12-23 ブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体
US14/915,009 US20160217143A1 (en) 2013-08-30 2013-12-23 Method and device for displaying browser resources and computer readable storage medium
PCT/CN2013/090261 WO2014161357A1 (zh) 2013-08-30 2013-12-23 浏览器资源显示方法和装置、计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310389461.8A CN104423839A (zh) 2013-08-30 2013-08-30 浏览器资源显示方法和装置

Publications (1)

Publication Number Publication Date
CN104423839A true CN104423839A (zh) 2015-03-18

Family

ID=51657539

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310389461.8A Pending CN104423839A (zh) 2013-08-30 2013-08-30 浏览器资源显示方法和装置

Country Status (4)

Country Link
US (1) US20160217143A1 (zh)
JP (1) JP6255495B2 (zh)
CN (1) CN104423839A (zh)
WO (1) WO2014161357A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104820722A (zh) * 2015-05-26 2015-08-05 广州神马移动信息科技有限公司 页面展示方法和装置
CN105677741A (zh) * 2015-12-29 2016-06-15 深圳市瑞铭无限科技有限公司 页面资源按需加载的方法及装置
CN106713962A (zh) * 2016-12-19 2017-05-24 掌阅科技股份有限公司 视频展示方法、装置和终端设备
CN107239566A (zh) * 2017-06-14 2017-10-10 掌阅科技股份有限公司 用户日志生成方法、电子设备及计算机存储介质
CN111124223A (zh) * 2019-12-11 2020-05-08 维沃移动通信有限公司 一种应用界面切换方法及电子设备

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP3756082B1 (en) 2019-05-01 2024-01-10 Google LLC Interface for multiple simultaneous interactive views
US11385785B2 (en) 2019-05-01 2022-07-12 Google Llc Interface for multiple simultaneous interactive views
US11520469B2 (en) * 2019-05-01 2022-12-06 Google Llc Interface for multiple simultaneous interactive views
CN110347392B (zh) * 2019-07-10 2022-10-11 北京亚鸿世纪科技发展有限公司 数据可视化大屏展示页面自适应排版和刷新的方法及装置
CN112364279B (zh) * 2021-01-14 2021-04-27 北京小米移动软件有限公司 图片加载方法、装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030187744A1 (en) * 2002-03-27 2003-10-02 Goodridge Alan Gardner System for enabling omnidirectional navigation of hierarchical networks with spatial continuity
US7464140B2 (en) * 2003-12-04 2008-12-09 Institute For Information Industry Method and system for dynamically determining web resource to be loaded and saving space
US20100241728A1 (en) * 2002-10-01 2010-09-23 Gordon Ross Meyer Method and apparatus for dynamically locating resources
CN102279854A (zh) * 2010-06-08 2011-12-14 腾讯科技（北京）有限公司 显示网页内容的方法和装置
CN102346782A (zh) * 2011-10-25 2012-02-08 中兴通讯股份有限公司 在用户终端浏览器上按需显示图片的方法及装置
CN103164541A (zh) * 2013-04-15 2013-06-19 北京奇虎科技有限公司 图片呈现方法及设备

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040049737A1 (en) * 2000-04-26 2004-03-11 Novarra, Inc. System and method for displaying information content with selective horizontal scrolling
JP3691405B2 (ja) * 2001-04-25 2005-09-07 ドリームテクノロジーズ株式会社 データ管理装置及び地図表示システム
CN100424700C (zh) * 2006-03-06 2008-10-08 阿里巴巴集团控股有限公司 在网页中实现表格局部滚动显示的方法及系统
JP2008210083A (ja) * 2007-02-26 2008-09-11 Hitachi Electronics Service Co Ltd ダウンロードシステム及びクライアント側機器
WO2009026508A1 (en) * 2007-08-22 2009-02-26 The Trustees Of Columbia University In The City Of New York Methods, systems, and media for providing content-aware scrolling
JP5027905B2 (ja) * 2009-09-30 2012-09-19 楽天株式会社 情報表示装置、情報表示方法、情報表示プログラム、記録媒体及び情報表示システム
US20110083082A1 (en) * 2009-10-02 2011-04-07 Thomas Gottwald Fractional download based on currently presented portions from large content pages
JP5324411B2 (ja) * 2009-12-15 2013-10-23 ヤフー株式会社 広告配信装置、方法及びプログラム
CN102867007B (zh) * 2011-07-08 2015-11-25 腾讯科技（深圳）有限公司 网页浏览方法及装置
CN103365930A (zh) * 2012-04-11 2013-10-23 富泰华工业（深圳）有限公司 网页内容显示控制系统及方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030187744A1 (en) * 2002-03-27 2003-10-02 Goodridge Alan Gardner System for enabling omnidirectional navigation of hierarchical networks with spatial continuity
US20100241728A1 (en) * 2002-10-01 2010-09-23 Gordon Ross Meyer Method and apparatus for dynamically locating resources
US7464140B2 (en) * 2003-12-04 2008-12-09 Institute For Information Industry Method and system for dynamically determining web resource to be loaded and saving space
CN102279854A (zh) * 2010-06-08 2011-12-14 腾讯科技（北京）有限公司 显示网页内容的方法和装置
CN102346782A (zh) * 2011-10-25 2012-02-08 中兴通讯股份有限公司 在用户终端浏览器上按需显示图片的方法及装置
CN103164541A (zh) * 2013-04-15 2013-06-19 北京奇虎科技有限公司 图片呈现方法及设备

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104820722A (zh) * 2015-05-26 2015-08-05 广州神马移动信息科技有限公司 页面展示方法和装置
CN105677741A (zh) * 2015-12-29 2016-06-15 深圳市瑞铭无限科技有限公司 页面资源按需加载的方法及装置
CN106713962A (zh) * 2016-12-19 2017-05-24 掌阅科技股份有限公司 视频展示方法、装置和终端设备
CN106713962B (zh) * 2016-12-19 2018-10-09 掌阅科技股份有限公司 视频展示方法、装置和终端设备
CN107239566A (zh) * 2017-06-14 2017-10-10 掌阅科技股份有限公司 用户日志生成方法、电子设备及计算机存储介质
CN107239566B (zh) * 2017-06-14 2018-05-15 掌阅科技股份有限公司 用户日志生成方法、电子设备及计算机存储介质
CN111124223A (zh) * 2019-12-11 2020-05-08 维沃移动通信有限公司 一种应用界面切换方法及电子设备

Also Published As

Publication number Publication date
JP6255495B2 (ja) 2017-12-27
US20160217143A1 (en) 2016-07-28
WO2014161357A1 (zh) 2014-10-09
JP2016529627A (ja) 2016-09-23

Similar Documents

Publication Publication Date Title
CN104423839A (zh) 浏览器资源显示方法和装置
KR101640842B1 (ko) 푸쉬메세지를 표시하는 방법, 장치, 프로그램 및 기록매체
CN107885848B (zh) 基于web技术的网页截屏方法
CN101908076B (zh) 页面布局自适应方法及装置
CN104820589B (zh) 一种动态适配网页的方法及其装置
CN102682093A (zh) 一种移动浏览器网页分段加载方法及系统
CN103399866A (zh) 一种网络页面的渲染方法、装置及设备
KR20140114645A (ko) 하이퍼링크의 미리 보기 화면 표시 방법 및 그 장치
US20170032494A1 (en) Methods for displaying a webpage fragment on a desktop and systems for taking a snapshot of webpage fragment for displaying on a desktop
CN104125490A (zh) 一种在线视频播放方法及装置
CN102364460A (zh) 基于移动终端的页面自动放大方法和系统
CN104426985A (zh) 显示网页的方法、装置及系统
CN105808307B (zh) 一种页面显示方法和装置
CN110347319A (zh) 一种应用内屏幕截图方法及装置
CN103870508A (zh) 一种网页缩放方法、装置和系统
CN103488735A (zh) 终端浏览器页面刷新显示的方法及终端
CN104361130B (zh) 一种在网页中搜索局域网或指定网段内设备的方法
CN106874387B (zh) 一种自适应html滚屏展示实时信息的方法
CN103198125B (zh) 页面数据加载的控制方法及系统
CN105224611A (zh) 基于浏览器的操作处理方法、装置以及浏览器
CN102222095A (zh) 一种用于对待显示的页面进行转换处理的设备及其方法
CN104156372B (zh) 一种开启网页的方法、装置和系统
CN106909627A (zh) 一种内容加载方法、装置和移动设备
CN104978181B (zh) 一种页面显示方法、终端和装置
CN105718505A (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: 20150318