一种浏览器窗口中的页面显示方法及装置制造方法及图纸

一种浏览器窗口中的网页显示方法，包括：从服务器中加载目标网页并在一个浏览器窗口中显示该网页，当检测到用户输入的用于缩放指定对象的指令时获取该网页的当前节点，从该当前节点以及该当前节点的父节点中将目标块的查找条件定义为高度大于零，宽度小于预定值并最接近该预定值，根据该查找条件，从该当前节点以及该当前节点的父节点中查找该目标块，则缩放显示该目标块，使该目标块的高度或者宽度与该浏览器窗口的最大可显示区域相适应。此外，本发明专利技术还提供一种浏览器窗口中的网页显示装置。上述浏览器窗口中的网页显示方法及装置可提高网页缩放后网页内容的正确显示效率。

【技术实现步骤摘要】

本专利技术具体实施例涉及计算机
，特别涉及一种浏览器窗口中的页面显示方法及装置。
技术介绍
随着移动终端技术的发展，越来越多的移动终端浏览器提供给用户用于浏览网页。通过移动终端访问网页时，网页一般是概览显示，用户要查看网页中的一些内容，必须缩放页面。现有技术中，可通过例如双击缩放等特定手势缩放网页，但是很难一次性得到用户预期的大小和位置，存在网页缩放过大，或者无法准确显示用户关心区域，导致用户只能看到点击区域而无法查看其它更多网页内容。
技术实现思路
有鉴于此，有必要提供一种浏览器窗口中的网页显示方法及装置，可以通过识别类型为块元素的节点将网页缩放显示，使得网页的大小与浏览器窗口的最大可显示区域相适应，不需要反复调整网页显示位置，提高网页缩放后网页内容的正确显示效率。一种浏览器窗口中的网页显示方法，包括以下步骤:从服务器中加载目标网页并在一个浏览器窗口中显示所述网页；当检测到用户输入的用于缩放指定对象的指令时获取所述网页的当前节点；将目标块的查找条件定义为高度大于零，宽度小于预定值并最接近所述预定值；根据所述查找条件，从所述当前节点以及所述当前节点的父节点中查找所述目标块；以及缩放显示所述目标块，使所述目标块的高度或者宽度与所述浏览器窗口的最大可显示区域相适应。一种浏览器窗口中的网页显示装置，包括:加载模块，用于从服务器中加载目标网页；显示模块，用于在一个浏览器窗口中显示所述网页；获取模块，用于当检测到用户输入的用于缩放指定对象的指令时获取所述网页的当前节点；定义模块，用于将目标块的查找条件定义为高度大于零，宽度小于预定值并最接近所述预定值；查找模块，用于根据所述查找条件，从所述当前节点以及所述当前节点的父节点中查找所述目标块；以及所述显示模块，还用于缩放显示所述目标块，使所述目标块的高度或者宽度与所述浏览器窗口的最大可显示区域相适应。相较于现有技术，本专利技术浏览器窗口中的网页显示方法及装置，根据本实施例中的浏览器窗口中的网页显示方法，从获取的网页的当前节点及其父节点中获取符合设置的查找条件的目标块，该目标块的宽度小于预定值并最接近该预定值，则缩放显示该目标块，使该目标块的高度或者宽度与浏览器窗口的最大可显示区域相适应，也可准确显示用户关心区域,不需要反复调整网页显示位置,提高网页缩放后网页内容的正确显示效率。为让本专利技术的上述和其他目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。【附图说明】图1为本专利技术实施例提供的浏览器窗口中的网页显示方法的运行环境示意图。图2为一种移动终端的结构框图。图3为一种服务器的结构框图。图4为第一实施例提供的浏览器窗口中的网页显示方法流程图。图5为第二实施例提供的浏览器窗口中的网页显示方法流程图。图6为第三实施例提供的浏览器窗口中的网页显示方法流程图。图7为第四实施例提供的浏览器窗口中的网页显示方法流程图。图8为现有技术网页图片放大显示结果示意图。图9为本专利技术提供的浏览器窗口中的网页显示方调整网页图片缩放显示结果示意图。图10为现有技术网页的标题及本文放大显示结果示意图。图11为本专利技术提供的浏览器窗口中的网页显示方调整网页的标题及文本放大显示结果示意图。图12为第五实施例提供的浏览器窗口中的网页显示装置流程图。图13为第六实施例提供的浏览器窗口中的网页显示装置流程图。【具体实施方式】为更进一步阐述本专利技术为实现预定专利技术目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本专利技术的【具体实施方式】、结构、特征及其功效，详细说明如后。参见图1，图1为第一实施例提供的浏览器窗口中的网页显示运行场景图。移动终端100及服务器200通过网络相连接。移动终端100从服务器中加载目标网页并在一个浏览器窗口中显示该网页，移动终端100检测用户输入的用于缩放指定对象的指令，该用于缩放指定对象的指令可以是双击屏幕缩放指令，也可以是双指滑动缩放指令。当检测到该指令时获取该网页的当前节点，则获取该网页的当前节点。将块元素的最大宽度值MaxWidth设置为预定值，例如MaxWidth=512px (像素)，设定保存类型为块元素的目标节点的变量perfectRect为空。进一步地，将目标块的查找条件定义为高度大于零，宽度小于该预定值并最接近该预定值，根据该查找条件，从该当前节点以及该当前节点的父节点中查找该目标块，缩放显示该目标节点，使该目标节点的高度或者宽度与该浏览器窗口的最大可显示区域相适应。其中，根据该查找条件，从该当前节点以及该当前节点的父节点中查找该目标块，可以为根据该查找条件，从该当前节点以及该当前节点的父节点中获取类型为块元素的目标节点。具体地，将该当前节点保存至第一变量中。从该第一变量所指向的网页元素开始回溯其父节点以获取第一个类型为块元素的节点。该网页元素可包括网页的标题、文本及图片等。若该第一个类型为块元素的节点的高度大于零且宽度小于该预定值，则将该第一类型为块元素的节点保存在第二变量中。将该第一变量的值设为该第二变量所指向的网页元素的父节点并重复从该第一变量所指向的网页元素开始回溯其父节点以获取第一个类型为块元素的节点的步骤。若该第一个类型为块元素的节点的高度等零或者宽度等于零，则进行该第一变量的值设为该第二变量所指向的网页元素的父节点并重复从该第一变量所指向的网页元素开始回溯其父节点以获取第一个类型为块元素的节点的步骤。若该第一个类型为块元素的节点的宽度大于该预定值，则判断该第二变量的值是否为空，若该第二变量的值不为空，则将该第二变量所指向的节点作为该目标节点，若该第二变量的值为空，则将该当前节点作为该目标节点。在该浏览器窗口中缩放显示该目标节点，使该目标节点的高度或者宽度与该浏览器窗口的最大可显示区域相适应，若未成功获取该目标节点，则缩放显示该当前节点，使该当前节点的高度或者宽度与该浏览器窗口的最大可显示区域相适应，这样，该目标节点在该浏览器窗口中的显示区域以该浏览器窗口的最大可显示范围为限，不会出现显示过大的情况，并且准确显示用户关心区域。用户不需多次调整，便可直接查看网页。一个实例中，当前节点为节点A，将节点A保存在第一变量中，从该第一变量所指向的网页元素开始回溯节点A的父节点，以获取第一个类型为块元素的节点B，若节点B的高度大于零且宽度小于该预定值，则将节点B保存在第二变量中，该第一变量的值设为该第二变量所指向的网页元素的父节点，即节点B的父节点，并重复从该第一变量所指向的网页元素开始回溯其父节点以获取第一个类型为块元素的节点的步骤，进一步寻找下一个类型为块元素的节点。若节点B的宽度大于该预定值，则判断该第二变量的值是否为空，若该第二变量的值不为空则将该第二变量所指向的节点作为该目标节点，若该第二变量的值为空则将节点B作为该目标节点,缩放显示该目标节点，使该目标节点的高度或者宽度与该浏览器窗口的最大可显示区域相适应。服务器200用于向移动终端100提供网页以供其加载。图2示出了一种移动终端的结构框图。移动终端包括智能手机、掌上电脑、平板电脑等一切具备触摸屏的移动终端。如图2所示，移动终端200包括存储器102、存储控制器104，一个或多个(图中仅示出一个)处理器106、外设接口 108、射频模块110以及触控本文档来自技高网...

【技术保护点】
一种浏览器窗口中的网页显示方法，其特征在于，所述方法包括以下步骤：从服务器中加载目标网页并在一个浏览器窗口中显示所述网页；当检测到用户输入的用于缩放指定对象的指令时获取所述网页的当前节点；将目标块的查找条件定义为高度大于零，宽度小于预定值并最接近所述预定值；根据所述查找条件，从所述当前节点以及所述当前节点的父节点中查找所述目标块；以及缩放显示所述目标块，使所述目标块的高度或者宽度与所述浏览器窗口的最大可显示区域相适应。

【技术特征摘要】

【专利技术属性】
技术研发人员：舒玉强，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44