一种网页中图片的显示方法和装置.pdf

《一种网页中图片的显示方法和装置.pdf》由会员分享，可在线阅读，更多相关《一种网页中图片的显示方法和装置.pdf（17页珍藏版）》请在专利查询网上搜索。

1、(10)申请公布号 CN 102819560 A (43)申请公布日 2012.12.12 C N 1 0 2 8 1 9 5 6 0 A *CN102819560A* (21)申请号 201210226991.6 (22)申请日 2012.06.29 G06F 17/30(2006.01) (71)申请人北京奇虎科技有限公司 地址 100088 北京市西城区新街口外大街 28号D座112室（德胜园区） 申请人奇智软件（北京）有限公司 (72)发明人唐曦 陈志 李鸣 任寰 (74)专利代理机构北京润泽恒知识产权代理有 限公司 11319 代理人苏培华 (54) 发明名称 一种网页中图片的显示方。

2、法和装置 (57) 摘要 本发明提供了一种网页中图片的显示方法和 装置，以解决现有技术中，用户需要拖动滚动条才 能浏览整张尺寸较大的图片的问题。所述方法包 括：对网页浏览器中加载网页的DOM树进行解析； 基于DOM树解析结果遍历并获取加载网页中的图 片，并调整所述图片的图片尺寸参数至预定范围 中；在网页浏览器所处的系统桌面上创建一个显 示窗口，显示所述遍历并获取的加载网页中的图 片，其中所述遍历获取的图片包括所述调整后的 图片。基于DOM树的解析结果，遍历并获取加载网 页中的图片，并调整所述图片的图片尺寸参数至 预定范围中，将遍历并获取的图片本在桌面上创 建的窗口内显示和操作。方便浏览网页中尺。

3、寸较 大的图片，简便了用户对网页中图片的操作。 (51)Int.Cl. 权利要求书2页 说明书10页 附图4页 (19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书 2 页 说明书 10 页 附图 4 页 1/2页 2 1.一种网页中图片的显示方法，其特征在于，包括： 对网页浏览器中加载网页的DOM树进行解析； 基于DOM树解析结果遍历并获取加载网页中的图片，并调整所述图片的图片尺寸参数 至预定范围中； 在网页浏览器所处的系统桌面上创建一个显示窗口，显示所述遍历并获取的加载网页 中的图片，其中所述遍历获取的图片包括所述调整后的图片。 2.根据权利要求1所述的方法，其特征在于，。

4、 所述加载网页为在对网页进行预加载时加载的网页。 3.根据权利要求2所述的方法，其特征在于，所述基于DOM树解析结果遍历并获取加载 网页中的图片的步骤包括： 在浏览器以本地缓存的网页进行预加载网页时，基于本地缓存的网页进行DOM树解 析； 遍历DOM树获取包含有图片的节点； 从节点中获取所述网页中的图片信息。 4.根据权利要求1所述的方法，其特征在于，所述调整图片的图片尺寸参数至预定范 围中的步骤包括： 获取所述图片的尺寸信息； 对于像素尺寸大于桌面显示像素的图片，进行缩放处理至预定的桌面显示像素尺寸。 5.根据权利要求1所述的方法，其特征在于，所述预定范围的图片尺寸为用户配置的。 6.根据权。

5、利要求1所述的方法，其特征在于，所述在网页浏览器所处的系统桌面上创 建一个显示窗口的步骤包括： 获取网页浏览器中所述图片所在页签的浏览器窗口； 获取浏览器窗口的容器窗口； 以容器窗口为父窗口创建一弹出类型的显示窗口。 7.根据权利要求3所述的方法，其特征在于，所述显示所述遍历并获取的加载网页中 的图片的步骤包括： 将所述图片信息转换为JSON对象； 循环JSON对象，转换为HTML结构的图片进行显示。 8.根据权利要求1所述的方法，其特征在于，进一步包括： 在所述显示窗口中加载图片操作工具； 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工具、预加 载下一网页中的图片工具。

6、中的至少一个。 9.根据权利要求1所述的方法，其特征在于， 所述显示所述遍历并获取的加载网页中的图片的步骤包括： 按照所述图片在网页中的顺序在桌面上的显示窗口内逐一显示。 10.根据权利要求1所述的方法，其特征在于，进一步包括： 接收用户操作，将所述在桌面上的显示窗口内显示的图片切换为相邻顺序的图片进行 显示。 11.一种网页中图片的显示装置，其特征在于，包括： 权 利 要 求 书CN 102819560 A 2/2页 3 DOM树解析模块，其配置为对网页浏览器中加载网页的DOM树进行解析； 图片遍历获取模块，其配置为基于DOM树解析结果遍历并获取加载网页中的图片； 图片尺寸参数调整模块，其配。

7、置为并调整所述图片的图片尺寸参数至预定范围中； 显示窗口创建模块，其配置为在网页浏览器所处的系统桌面上创建一个显示窗口； 图片显示模块，其配置为显示所述遍历并获取的加载网页中的图片，其中所述遍历获 取的图片包括所述调整后的图片。 12.根据权利要求11所述的装置，其特征在于， 所述加载网页为在对网页进行预加载时加载的网页。 13.根据权利要求12所述的装置，其特征在于，所述图片遍历获取模块在浏览器以本 地缓存的网页进行预加载网页时，基于本地缓存的网页进行DOM树解析，包括： 节点获取子模块，其配置为遍历DOM树获取包含有图片的节点； 图片信息获取子模块，其配置为从节点中获取所述网页中的图片信息。

8、。 14.根据权利要求11所述的装置，其特征在于，所述图片尺寸参数调整模块包括： 尺寸信息获取子模块，其配置为获取所述图片的尺寸信息； 缩放处理子模块，其配置为对于像素尺寸大于桌面显示像素的图片，进行缩放处理至 预定的桌面显示像素尺寸。 15.根据权利要求11所述的装置，其特征在于，所述预定范围的图片尺寸为用户配置 的。 16.根据权利要求11所述的装置，其特征在于，所述显示窗口创建模块包括： 浏览器窗口获取子模块，其配置为获取网页浏览器中所述图片所在页签的浏览器窗 口； 容器窗口获取子模块，其配置为获取浏览器窗口的容器窗口； 弹出类型的显示窗口创建子模块，其配置为以容器窗口为父窗口创建一弹出。

9、类型的显 示窗口。 17.根据权利要求13所述的装置，其特征在于，所述图片显示模块包括： JSON对象转换子模块，其配置为将所述图片信息转换为JSON对象； 图片显示子模块，其配置为循环JSON对象，转换为HTML结构的图片进行显示。 18.根据权利要求11所述的装置，其特征在于，进一步包括： 图片操作工具加载模块，其配置为在所述显示窗口中加载图片操作工具； 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工具、预加 载下一网页中的图片工具中的至少一个。 19.根据权利要求11所述的装置，其特征在于， 所述图片显示模块按照所述图片在网页中的顺序在桌面上的显示窗口内逐一显示。。

10、 20.根据权利要求11所述的装置，其特征在于，进一步包括： 图片切换模块，其配置为接收用户操作，将所述在桌面上的显示窗口内显示的图片切 换为相邻顺序的图片进行显示。 权 利 要 求 书CN 102819560 A 1/10页 4 一种网页中图片的显示方法和装置 技术领域 0001 本发明涉及浏览器技术领域，特别是涉及一种网页中图片的显示方法和装置。 背景技术 0002 互联网的迅猛发展，加速了信息的数字化进程，而其中图片、图表、版式、文件、多 媒体等就占了80%以上，图片以其直观、色彩强烈、表现力强、格式丰富、传输快（相对其他 多媒体信息）而越来越受到青睐，图片已成为媒体数字资源的重要组成部。

11、分。 0003 在浏览器中浏览包括图片的网页时，由于图片的尺寸超出了显示器的显示范围， 用户在观看整张图片时，需要拖动浏览器中的滚动条，将整张图片分区域地逐块观看，增加 了用户观看图片的操作复杂程度。 发明内容 0004 本发明所要解决的技术问题是提供一种网页中图片的显示方法和装置，以解决现 有技术中，用户需要拖动滚动条才能浏览整张尺寸较大的图片的问题。 0005 为了解决上述问题，本发明公开了一种网页中图片的显示方法，包括： 0006 对网页浏览器中加载网页的DOM树进行解析； 0007 基于DOM树解析结果遍历并获取加载网页中的图片，并调整所述图片的图片尺寸 参数至预定范围中； 0008 。

12、在网页浏览器所处的系统桌面上创建一个显示窗口，显示所述遍历并获取的加载 网页中的图片，其中所述遍历获取的图片包括所述调整后的图片。 0009 优选的，所述加载网页为在对网页进行预加载时加载的网页。 0010 优选的，所述基于DOM树解析结果遍历并获取加载网页中的图片的步骤包括： 0011 在浏览器以本地缓存的网页进行预加载网页时，基于本地缓存的网页进行DOM树 解析； 0012 遍历DOM树获取包含有图片的节点； 0013 从节点中获取所述网页中的图片信息。 0014 优选的，所述调整图片的图片尺寸参数至预定范围中的步骤包括： 0015 获取所述图片的尺寸信息； 0016 对于像素尺寸大于桌面。

13、显示像素的图片，进行缩放处理至预定的桌面显示像素尺 寸。 0017 优选的，所述预定范围的图片尺寸为用户配置的。 0018 优选的，所述在网页浏览器所处的系统桌面上创建一个显示窗口的步骤包括： 0019 获取网页浏览器中所述图片所在页签的浏览器窗口； 0020 获取浏览器窗口的容器窗口； 0021 以容器窗口为父窗口创建一弹出类型的显示窗口。 0022 优选的，所述显示所述遍历并获取的加载网页中的图片的步骤包括： 说 明 书CN 102819560 A 2/10页 5 0023 将所述图片信息转换为JSON对象； 0024 循环JSON对象，转换为HTML结构的图片进行显示。 0025 优选的。

14、，进一步包括： 0026 在所述显示窗口中加载图片操作工具； 0027 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工具、 预加载下一网页中的图片工具中的至少一个。 0028 优选的，所述显示所述遍历并获取的加载网页中的图片的步骤包括： 0029 按照所述图片在网页中的顺序在桌面上的显示窗口内逐一显示。 0030 优选的，进一步包括：接收用户操作，将所述在桌面上的显示窗口内显示的图片切 换为相邻顺序的图片进行显示。 0031 本发明还公开了一种网页中图片的显示装置，包括： 0032 DOM树解析模块，其配置为对网页浏览器中加载网页的DOM树进行解析； 0033 图片遍历。

15、获取模块，其配置为基于DOM树解析结果遍历并获取加载网页中的图 片； 0034 图片尺寸参数调整模块，其配置为并调整所述图片的图片尺寸参数至预定范围 中； 0035 显示窗口创建模块，其配置为在网页浏览器所处的系统桌面上创建一个显示窗 口； 0036 图片显示模块，其配置为显示所述遍历并获取的加载网页中的图片，其中所述遍 历获取的图片包括所述调整后的图片。 0037 优选的，所述加载网页为在对网页进行预加载时加载的网页。 0038 优选的，所述图片遍历获取模块在浏览器以本地缓存的网页进行预加载网页时， 基于本地缓存的网页进行DOM树解析，包括： 0039 节点获取子模块，其配置为遍历DOM树获。

16、取包含有图片的节点； 0040 图片信息获取子模块，其配置为从节点中获取所述网页中的图片信息。 0041 优选的，所述图片尺寸参数调整模块包括： 0042 尺寸信息获取子模块，其配置为获取所述图片的尺寸信息； 0043 缩放处理子模块，其配置为对于像素尺寸大于桌面显示像素的图片，进行缩放处 理至预定的桌面显示像素尺寸。 0044 优选的，所述预定范围的图片尺寸为用户配置的。 0045 优选的，所述显示窗口创建模块包括： 0046 浏览器窗口获取子模块，其配置为获取网页浏览器中所述图片所在页签的浏览器 窗口； 0047 容器窗口获取子模块，其配置为获取浏览器窗口的容器窗口； 0048 弹出类型的。

17、显示窗口创建子模块，其配置为以容器窗口为父窗口创建一弹出类型 的显示窗口。 0049 优选的，所述图片显示模块包括： 0050 JSON对象转换子模块，其配置为将所述图片信息转换为JSON对象； 0051 图片显示子模块，其配置为循环JSON对象，转换为HTML结构的图片进行显示。 说 明 书CN 102819560 A 3/10页 6 0052 优选的，进一步包括： 0053 图片操作工具加载模块，其配置为在所述显示窗口中加载图片操作工具； 0054 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工具、 预加载下一网页中的图片工具中的至少一个。 0055 优选的，所述图。

18、片显示模块按照所述图片在网页中的顺序在桌面上的显示窗口内 逐一显示。 0056 优选的，进一步包括： 0057 图片切换模块，其配置为接收用户操作，将所述在桌面上的显示窗口内显示的图 片切换为相邻顺序的图片进行显示。 0058 与现有技术相比，本发明包括以下优点： 0059 本发明提供的一种网页中图片的显示方法和装置，基于DOM树的解析结果，遍历 并获取加载网页中的图片，并调整所述图片的图片尺寸参数至预定范围中，将遍历并获取 的图片本在桌面上创建的窗口内显示和操作，其中所述遍历获取的图片包括所述调整后的 图片。方便浏览网页中尺寸较大的图片，简便了用户对网页中图片的操作。 附图说明 0060 图。

19、1是本发明实施例一所述一种网页中图片的显示方法流程图； 0061 图2是本发明实施例二所述一种网页中图片的显示方法流程图； 0062 图3是本发明实施例三所述一种网页中图片的显示装置结构图； 0063 图4是本发明实施例四所述一种网页中图片的显示装置结构图。 具体实施方式 0064 为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实 施方式对本发明作进一步详细的说明。 0065 本发明提出的一种网页中的图片显示方法和装置，获取到网页中的图片，调整图 片的尺寸参数至预定范围中，在桌面上进行显示和操作。本发明提出的一种网页中的图片 显示方法和装置涉及到对文档对象模型（Docum。

20、ent Object Model，DOM）进行解析。DOM是 一种用于可扩展标记语言(Extensible Markup Language，XML)文档的对象模型，可用于直 接访问XML文档的各个部分。在DOM中，文档被模拟为树状，其中XML语法的每个组成部分 （例如元素或文本内容）都被表示为一个节点。作为一种应用程序编程接口（Application Programming Interface，API），DOM允许遍历文档树，从父节点移动到子节点和兄弟节点 等，并可以利用各种节点类型特有的属性（元素具有属性）。 0066 DOM树是指通过DOM将超文本标记语言（HyperText Markup。

21、 Language，HTML）页面 进行解析，并生成HTML树树状结构和对应的访问方法。解析DOM树，能直接而且简易的操 作HTML页面上的每个标记内容。 0067 下面通过列举几个具体的实施例详细介绍本发明提出的一种网页中图片的显示 方法和装置。 0068 实施例一，详细介绍本发明所述一种网页中图片的显示方法。 0069 参照图1，示出了本发明实施例一所述一种网页中图片的显示方法流程图。 说 明 书CN 102819560 A 4/10页 7 0070 步骤11，对网页浏览器中加载网页的DOM树进行解析； 0071 网页浏览器在访问网页时，向网页所在的服务器发送各种请求，并对从服务器发 来的。

22、超文本信息和各种多媒体数据格式进行解析、显示和播放。 0072 在网页浏览器的上述工作过程中，网页所包含的信息和数据保存在DOM中，对DOM 进行解析，形成DOM树，得到网页所包含的信息和数据等元素的结构和属性，再对DOM树进 行解析，进一步得到网页中各元素的相关内容。所述网页中各元素的相关内容为DOM树解 析后得到的解析结果。 0073 例如，网页中的图片，在DOM树解析结果中包括图片的名称、大小以及尺寸参数等 信息。 0074 步骤12，基于DOM树解析结果遍历并获取加载网页中的图片，并调整所述图片的 图片尺寸参数至预定范围中； 0075 得到DOM树的解析结果后，逐一检测DOM树解析结果。

23、中的图片尺寸参数，并获取所 述图片，将所述图片尺寸参数在预定范围外的图片进行尺寸参数调整，调整至预定范围中。 0076 步骤13，在网页浏览器所处的系统桌面上创建一个显示窗口，显示所述遍历并获 取的加载网页中的图片，其中所述遍历获取的图片包括所述调整后的图片。 0077 在网页浏览器所处的操作系统桌面上创建一个显示窗口，此显示窗口可以是传统 意义上操作系统中的一个实际窗口，也可以是一个虚拟出来的窗口，当作一个显示载体出 现。 0078 在创建的所述显示窗口内，包括在实际窗口和虚拟出来的窗口内，将遍历并获取 的加载网页中的图片显示出来，所述遍历获取的图片包括所述调整后的图片和图片尺寸参 数默认在。

24、预定范围中，不需要调整的图片。 0079 综上所述，本发明实施例一所述的一种网页中的图片显示方法，与现有技术相比 具有以下优点： 0080 本发明实施例一提供的一种网页中图片的显示方法，基于DOM树的解析结果，遍 历并获取加载网页中的图片，并调整所述图片的图片尺寸参数至预定范围中，将遍历并获 取的图片本在桌面上创建的窗口内显示和操作，其中所述遍历获取的图片包括所述调整后 的图片。方便浏览网页中尺寸较大的图片，简便了用户对网页中图片的操作。 0081 实施例二，详细介绍本发明所述一种网页中图片的显示方法。 0082 参照图2，示出了本发明实施例二所述一种网页中图片的显示方法流程图。 0083 步。

25、骤21，对网页浏览器中加载网页的DOM树进行解析； 0084 网页浏览器在访问网页时，向网页所在的服务器发送各种请求，并对从服务器发 来的超文本信息和各种多媒体数据格式进行解析、显示和播放。 0085 在网页浏览器的上述工作过程中，网页所包含的信息和数据保存在DOM中，对DOM 进行解析，形成DOM树，得到网页所包含的信息和数据等元素的结构和属性，再对DOM树进 行解析，进一步得到网页中各元素的相关内容。所述网页中各元素的相关内容为DOM树解 析后得到的解析结果。 0086 例如，网页中的图片，在DOM树解析结果中包括图片的名称、大小以及尺寸参数等 信息。 0087 所述加载网页为在对网页进行。

26、预加载时加载的网页。 说 明 书CN 102819560 A 5/10页 8 0088 步骤22，基于DOM树解析结果遍历并获取加载网页中的图片，并调整所述图片的 图片尺寸参数至预定范围中； 0089 得到DOM树的解析结果后，逐一检测DOM树解析结果中的图片尺寸参数，并获取所 述图片，将所述图片尺寸参数在预定范围外的图片进行尺寸参数调整，调整至预定范围中。 0090 所述预定范围的图片尺寸为用户配置的。 0091 例如，预先范围的尺寸参数为“1024“width“800“、“768“height“600“， 表示为【800x600，1024x768】。 0092 所述步骤22包括： 0093。

27、 步骤221，在浏览器以本地缓存的网页进行预加载网页时，基于本地缓存的网页进 行DOM树解析； 0094 如果浏览器访问过当前网页，则当前网页中的网页元素等相关内容保存在本地缓 存中，当浏览器再次访问该网页时，以本地缓存的网页进行预加载网页，并且也是基于本地 缓存的网页进行DOM树解析。 0095 步骤222，遍历DOM树获取包含有图片的节点； 0096 DOM树包括许多节点，各节点内又包括各种网页元素内容，如有的节点内包含图 片，有的几点内包含文字文本，有的节点内包含音视频文件。 0097 遍历DOM树中的各个节点，从中获取到包含有图片的节点。 0098 步骤223，从节点中获取所述网页中的。

28、图片信息； 0099 在获取到包含有图片的节点后，从节点中获取所述网页中的图片信息，所述图片 信息包括：图片的名称，图片的格式，图片的尺寸信息等。 0100 步骤224，获取所述图片的尺寸信息； 0101 在所述图片信息中获取出所述图片的尺寸信息。 0102 步骤225，对于像素尺寸大于桌面显示像素的图片，进行缩放处理至预定的桌面显 示像素尺寸； 0103 如果桌面显示的最优像素为800x600，在获取的图片中，如果某一图片的像素尺寸 为1280x800，则所述图片的像素尺寸大于桌面显示像素尺寸；对所述图片进行缩放处理， 将所述图片的像素尺寸调整为800x600的桌面显示的最优像素尺寸。 01。

29、04 步骤23，在网页浏览器所处的系统桌面上创建一个显示窗口，显示所述遍历并获 取的加载网页中的图片，其中所述遍历获取的图片包括所述调整后的图片； 0105 在网页浏览器所处的操作系统桌面上创建一个显示窗口，此显示窗口可以是传统 意义上操作系统中的一个实际窗口，也可以是一个虚拟出来的窗口，当作一个显示载体出 现。 0106 在创建的所述显示窗口内，包括在实际窗口和虚拟出来的窗口内，将遍历并获取 的加载网页中的图片显示出来，所述遍历获取的图片包括所述调整后的图片和图片尺寸参 数默认在预定范围中，不需要调整的图片。 0107 所述显示所述遍历并获取的加载网页中的图片的步骤包括： 0108 按照所述。

30、图片在网页中的顺序在桌面上的显示窗口内逐一显示。 0109 所述步骤23包括： 0110 步骤231，获取网页浏览器中所述图片所在页签的浏览器窗口； 说 明 书CN 102819560 A 6/10页 9 0111 根据所述图片所在页签绑定的唯一ID，确定与所述ID对应的页签数据，获取其中 的浏览器窗口。 0112 步骤232，获取浏览器窗口的容器窗口； 0113 获取到所述浏览器窗口后，根据所述浏览器窗口的属性信息，获取到容器窗口。 0114 步骤233，以容器窗口为父窗口创建一弹出类型的显示窗口； 0115 以所述容器窗口为父窗口，在桌面上创建弹出类型的显示窗口（具有ws_popup窗 口。

31、风格）；因为是以容器窗口为父窗口创建的，并且容器窗口为所述页签的浏览器窗口的容 器窗口，所以显示窗口与所述页签有对应关系。 0116 步骤234，将所述图片信息转换为JSON对象； 0117 将所述图片信息转换为JSON对象，如 0118 0119 步骤235，循环JSON对象，转换为HTML结构的图片进行显示； 0120 循环所述JSON对象，提取其中的“imgid”、“imgname”和“imgsize”等信息，并转 换为HTML代码的结构显示所述图片。 0121 步骤24，在所述显示窗口中加载图片操作工具； 0122 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工。

32、具、 预加载下一网页中的图片工具中的至少一个。 0123 在所述显示窗口中可以加载一些对显示窗口或所述图片进行控制的工具，以丰富 用户的操作体验。 0124 步骤25，接收用户操作，将所述在桌面上的显示窗口内显示的图片切换为相邻顺 序的图片进行显示。 0125 可以通过鼠标左键点击所述显示窗口内显示的图片的左侧部分或者右侧部分，或 者按下键盘的左、右键，控制显示图片的切换，将图片切换为上一张或者下一张进行显示。 0126 实施例三，详细介绍本发明所述一种网页中图片的显示装置。 0127 参照图3，示出了本发明实施例三所述一种网页中图片的显示装置结构图。 0128 所述网页中图片的显示装置包括：。

33、 0129 DOM树解析模块31，图片遍历获取模块32，图片尺寸参数调整模块33，显示窗口创 建模块34，以及，图片显示模块35。 0130 下面分别详细介绍各模块的功能以及模块之间的关系。 0131 DOM树解析模块31，其配置为对网页浏览器中加载网页的DOM树进行解析； 说 明 书CN 102819560 A 7/10页 10 0132 所述DOM树解析模块31对网页浏览器中加载网页的DOM树进行解析，得到包括网 页中各元素相关内容的DOM树解析结果。 0133 图片遍历获取模块32，其配置为基于DOM树解析结果遍历并获取加载网页中的图 片； 0134 在所述DOM树解析模块31对DOM树。

34、进行解析后，所述图片遍历获取模块32基于 DOM树解析结果，逐一检测DOM树解析结果中的图片尺寸参数，并获取所述图片。 0135 图片尺寸参数调整模块33，其配置为并调整所述图片的图片尺寸参数至预定范围 中； 0136 所述图片尺寸参数调整模块33将所述图片尺寸参数在预定范围外的图片进行尺 寸参数调整，调整至预定范围中。 0137 显示窗口创建模块34，其配置为在网页浏览器所处的系统桌面上创建一个显示窗 口； 0138 所述显示窗口创建模块34在网页浏览器所处的操作系统桌面上创建一个显示窗 口，此显示窗口可以是传统意义上操作系统中的一个实际窗口，也可以是一个虚拟出来的 窗口，当作一个显示载体出。

35、现。 0139 图片显示模块35，其配置为显示所述遍历并获取的加载网页中的图片，其中所述 遍历获取的图片包括所述调整后的图片。 0140 所述图片显示模块35在所述显示窗口创建模块34创建的所述显示窗口内，包 括在实际窗口和虚拟出来的窗口内，将遍历并获取的加载网页中的图片显示出来，所述遍 历获取的图片包括所述调整后的图片和图片尺寸参数默认在预定范围中，不需要调整的图 片。 0141 综上所述，本发明实施例三所述的一种网页中的图片显示装置，与现有技术相比 具有以下优点： 0142 本发明实施例三提供的一种网页中图片的显示装置，基于DOM树的解析结果，遍 历并获取加载网页中的图片，并调整所述图片的。

36、图片尺寸参数至预定范围中，将遍历并获 取的图片本在桌面上创建的窗口内显示和操作，其中所述遍历获取的图片包括所述调整后 的图片。方便浏览网页中尺寸较大的图片，简便了用户对网页中图片的操作。 0143 实施例四，详细介绍本发明所述一种网页中图片的显示装置。 0144 参照图4，示出了本发明实施例四所述一种网页中图片的显示装置结构图。 0145 所述网页中图片的显示装置包括： 0146 DOM树解析模块41，图片遍历获取模块42，图片尺寸参数调整模块43，显示窗口创 建模块44，图片显示模块45，图片操作工具加载模块46，以及，图片切换模块47。 0147 其中，所述图片遍历获取模块42包括： 01。

37、48 节点获取子模块421，以及，图片信息获取子模块422。 0149 所述图片尺寸参数调整模块43包括： 0150 尺寸信息获取子模块431，以及，缩放处理子模块432。 0151 所述显示窗口创建模块44包括： 0152 浏览器窗口获取子模块441，容器窗口获取子模块442，以及，弹出类型的显示窗 口创建子模块443。 说 明 书CN 102819560 A 10 8/10页 11 0153 所述图片显示模块45包括： 0154 JSON对象转换子模块451，以及，图片显示子模块452。 0155 下面分别详细介绍各模块的功能以及模块之间的关系。 0156 DOM树解析模块41，其配置为对。

38、网页浏览器中加载网页的DOM树进行解析； 0157 所述DOM树解析模块41对网页浏览器中加载网页的DOM树进行解析，得到包括网 页中各元素相关内容的DOM树解析结果。 0158 其中，所述加载网页为在对网页进行预加载时加载的网页。 0159 所述DOM树解析模块41在浏览器以本地缓存的网页进行预加载网页时，基于本地 缓存的网页进行DOM树解析。 0160 如果浏览器访问过当前网页，则当前网页中的网页元素等相关内容保存在本地缓 存中，当浏览器再次访问该网页时，所述DOM树解析模块41以本地缓存的网页进行预加载 网页，并且也是基于本地缓存的网页进行DOM树解析。 0161 图片遍历获取模块42，。

39、其配置为基于DOM树解析结果遍历并获取加载网页中的图 片； 0162 所述图片遍历获取模块42基于所述DOM树解析模块41解析得到的DOM树解析结 果，逐一检测DOM树解析结果中的图片尺寸参数，并获取所述图片。 0163 所述图片遍历获取模块42包括： 0164 节点获取子模块421，其配置为遍历DOM树获取包含有图片的节点； 0165 DOM树包括许多节点，各节点内又包括各种网页元素内容，如有的节点内包含图 片，有的几点内包含文字文本，有的节点内包含音视频文件。 0166 所述节点获取子模块421遍历DOM树中的各个节点，从中获取到包含有图片的节 点。 0167 图片信息获取子模块422，其。

40、配置为从节点中获取所述网页中的图片信息； 0168 在所述节点获取子模块421获取到包含有图片的节点后，所述图片信息获取子模 块422从节点中获取所述网页中的图片信息，所述图片信息包括：图片的名称，图片的格 式，图片的尺寸信息等。 0169 图片尺寸参数调整模块43，其配置为并调整所述图片的图片尺寸参数至预定范围 中； 0170 所述图片尺寸参数调整模块43将所述图片尺寸参数在预定范围外的图片进行尺 寸参数调整，调整至预定范围中。 0171 所述预定范围的图片尺寸为用户配置的。 0172 例如，预先范围的尺寸参数为“1024“width“800“、“768“height“600“， 表示为【8。

41、00x600，1024x768】。 0173 所述图片尺寸参数调整模块43包括： 0174 尺寸信息获取子模块431，其配置为获取所述图片的尺寸信息； 0175 所述尺寸信息获取子模块431在所述图片信息中获取出所述图片的尺寸信息。 0176 缩放处理子模块432，其配置为对于像素尺寸大于桌面显示像素的图片，进行缩放 处理至预定的桌面显示像素尺寸； 0177 如果桌面显示的最优像素为800x600，在获取的图片中，如果某一图片的像素尺寸 说 明 书CN 102819560 A 11 9/10页 12 为1280x800，则所述图片的像素尺寸大于桌面显示像素尺寸；所述缩放处理子模块432对 所述。

42、图片进行缩放处理，将所述图片的像素尺寸调整为800x600的桌面显示的最优像素尺 寸。 0178 显示窗口创建模块44，其配置为在网页浏览器所处的系统桌面上创建一个显示窗 口； 0179 所述显示窗口创建模块44在网页浏览器所处的操作系统桌面上创建一个显示窗 口，此显示窗口可以是传统意义上操作系统中的一个实际窗口，也可以是一个虚拟出来的 窗口，当作一个显示载体出现。 0180 所述显示窗口创建模块44包括： 0181 浏览器窗口获取子模块441，其配置为获取网页浏览器中所述图片所在页签的浏 览器窗口； 0182 所述浏览器窗口获取子模块441根据所述图片所在页签绑定的唯一ID，确定与所 述ID。

43、对应的页签数据，获取其中的浏览器窗口。 0183 容器窗口获取子模块442，其配置为获取浏览器窗口的容器窗口； 0184 在所述浏览器窗口获取子模块441获取到所述浏览器窗口后，所述容器窗口获取 子模块442根据所述浏览器窗口的属性信息，获取到容器窗口。 0185 弹出类型的显示窗口创建子模块443，其配置为以容器窗口为父窗口创建一弹出 类型的显示窗口； 0186 所述弹出类型的显示窗口创建子模块443以所述容器窗口为父窗口，在桌面上创 建弹出类型的显示窗口（具有ws_popup窗口风格）。 0187 图片显示模块45，其配置为显示所述遍历并获取的加载网页中的图片，其中所述 遍历获取的图片包括。

44、所述调整后的图片； 0188 在所述显示窗口创建模块44创建的所述显示窗口内，包括在实际窗口和虚拟出 来的窗口内，所述图片显示模块45将遍历并获取的加载网页中的图片显示出来，所述遍 历获取的图片包括所述调整后的图片和图片尺寸参数默认在预定范围中，不需要调整的图 片。 0189 所述图片显示模块45按照所述图片在网页中的顺序在桌面上的显示窗口内逐一 显示。 0190 所述图片显示模块45包括： 0191 JSON对象转换子模块451，其配置为将所述图片信息转换为JSON对象； 0192 所述JSON对象转换子模块451将所述图片信息转换为JSON对象。 0193 图片显示子模块452，其配置为循。

45、环JSON对象，转换为HTML结构的图片进行显 示； 0194 所述图片显示子模块452循环所述JSON对象，提取其中的与图片相关的属性信息 等，最主要的是图片的尺寸参数信息，并转换为HTML代码的结构显示所述图片。 0195 图片操作工具加载模块46，其配置为在所述显示窗口中加载图片操作工具； 0196 所述图片操作工具包括：下载图片工具、截图工具、放缩图片工具、分享图片工具、 预加载下一网页中的图片工具中的至少一个。 0197 所述图片操作工具加载模块46在所述显示窗口中可以加载一些对显示窗口或所 说 明 书CN 102819560 A 12 10/10页 13 述图片进行控制的工具，以丰。

46、富用户的操作体验。 0198 图片切换模块47，其配置为接收用户操作，将所述在桌面上的显示窗口内显示的 图片切换为相邻顺序的图片进行显示。 0199 所述图片切换模块47可以接收到用户鼠标左键点击所述显示窗口内显示的图片 的左侧部分或者右侧部分，或者按下键盘的左、右键等操作，控制显示图片的切换，将图片 切换为上一张或者下一张进行显示。 0200 对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但 是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本 发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知 悉，说明书中所描述。

47、的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明 实施例所必须的。 0201 对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关 之处参见方法实施例的部分说明即可。 0202 本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与 其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。 0203 上述本发明实施例中的方法和装置适用于各种网络或者客户端环境中，例如可以 实现在诸如个人计算机设备之类的计算机设备中，或者可以实现在诸如移动电话、移动通 信设备、个人数字助理（PDA）等其他便携式电子设备或者非便携式电子设备中。因此本领域 技术。

48、人员要明确的是，本发明的保护范围并不限于PC上运行浏览器中的调整图片尺寸参 数的功能和在创建的显示窗口内显示所述遍历并获取以及尺寸参数调整后的图片的功能， 仅是出于描述的简洁和方便而在本发明实施例中采用了PC上运行浏览器中的复制文本字 幕信息功能和在创建的显示窗口内显示文本字幕信息功能进行描述。 0204 以上对本发明所提供的一种网页中图片的显示方法和装置，进行了详细介绍，本 文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于 帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思 想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对 本发明的限制。 说 明 书CN 102819560 A 13 1/4页 14 图1 说 明 书 附 图CN 102819560 A 14 2/4页 15 图2 说 明 书 附 图CN 102819560 A 15 3/4页 16 图3 说 明 书 附 图CN 102819560 A 16 4/4页 17 图4 说 明 书 附 图CN 10。