CN103544272A - 一种在浏览器中显示图片的方法和装置 - Google Patents
一种在浏览器中显示图片的方法和装置 Download PDFInfo
- Publication number
- CN103544272A CN103544272A CN201310493302.2A CN201310493302A CN103544272A CN 103544272 A CN103544272 A CN 103544272A CN 201310493302 A CN201310493302 A CN 201310493302A CN 103544272 A CN103544272 A CN 103544272A
- Authority
- CN
- China
- Prior art keywords
- picture
- page
- web page
- current web
- information
- 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
Links
Images
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/957—Browsing optimisation, e.g. caching or content distillation
Abstract
本发明公开了一种在浏览器中显示图片的方法和装置,其中,所述方法包括:在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,并在浏览器后台进行所述图片信息对应图片的收集;在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。本发明可以解决图片展示效果差、图片加载慢、效率低的问题。
Description
技术领域
本发明涉及互联网技术领域,具体涉及一种在浏览器中显示图片的方法和一种在浏览器中显示图片的装置。
背景技术
网页浏览器是个显示网站服务器或文件系统内的文件,并让用户与所述文件进行交互的一种应用软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。
目前,网页中的图片显示方法是由网站方提供,当用户点击网页中的图片浏览选项时,触发网页加载由网站方提供的脚本语言JS(Java script,JS,一种基于对象和事件驱动并具有相对安全性的客户端脚本语言),通过JS加载并显示图片,用户根据网站方提供的图片显示方法进行图片浏览。
但是,现有的图片显示方法存在如下问题:首先,目前网页中的图片显示方法是由网站方提供的,当网站方没有提供任何一种图片显示方法时,就只能够通过简单的网页浏览方式展现图片,展示效果差;其次,现有的图片显示方法,只有在浏览到相应的图片位置时,才会加载显示图片,图片加载慢,效率低。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种在浏览器中显示图片的方法和相应的一种在浏览器中显示图片的装置。
根据本发明的一个方面,提供了一种在浏览器中显示图片的方法。
本发明实施例中,所述一种在浏览器中显示图片的方法,包括:
在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,并在浏览器后台进行所述图片信息对应图片的收集;
在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
根据本发明的另一方面,提供了一种在浏览器中显示图片的装置。
本发明实施例中,所述一种在浏览器中显示图片的装置,包括:
第一图片信息获取模块,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息;
第一图片收集模块,用于在浏览器后台进行所述图片信息对应图片的收集;
窗口加载模块,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
第一图片加载显示模块,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
根据本发明实施例的一种在浏览器中显示图片的方案,通过浏览器侧来显示图片,而不再通过网站方提供的图片显示方法来显示图片,即使当网站方没有提供任何一种图片显示方法时,也可以通过浏览器侧来显示图片,从而带来良好图片显示效果好。同时,本发明实施例提供的方法不需要等待用户主动操作当前网页浏览到图片位置处时才开始加载并显示图片,而是在当前网页加载完毕后,直接遍历DOM树,从DOM中获取当前网页中所有可全屏展示的图片信息并收集图片,图片收集速度快,从而提高了加载显示图片的速度,减少了用户等待时间,效率更高。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是本发明第一实施例中一种在浏览器中显示图片的方法的流程图;
图2是图1所示第一实施例中一种加载入口提示子窗的示意图;
图3是图1所示第一实施例中另一种加载入口提示子窗的示意图;
图4是本发明第二实施例中一种在浏览器中显示图片的方法的流程图;
图5是图4所示第二实施例中一种全屏查看图片窗口的示意图;
图6是本发明第三实施例中一种在浏览器中显示图片的方法的流程图;
图7是本发明第四实施例中一种在浏览器中显示图片的方法的流程图;
图8是本发明第五实施例中一种在浏览器中显示图片的装置的结构框图;
图9是本发明第六实施例中一种在浏览器中显示图片的装置的结构框图;
图10是本发明第七实施例中一种图片显示的装置的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参照图1,是本发明第一实施例中一种在浏览器中显示图片的方法的流程图,在本发明实施例中,在浏览器中显示图片的方法可以包括以下步骤:
步骤102,在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
本发明实施例中,文件对象模型是指Document Object Model,简称DOM。DOM实际上是以面向对象方式描述的文档模型,DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。在实际应用过程中,可以通过getElementsByTagName()函数从DOM树节点信息中查找整个HTML(Hyper Text Markup Language,HTML,超级文本标记语言)文档中的任何一个HTML元素,例如,在本发明中要获取可全屏显示的图片信息,可以通过getElementsByTagName()函数查找文档中的<img>元素,并返回所述<img>元素,同时,可以从所述<img>元素所在的DOM树节点中获取到图片信息,其中,所述图片信息可以包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
在网页加载时,即可获得该网页的DOM树,通过DOM树获取该网页的全面信息,进而进行图片信息的获取和后台收集,从而使得图片收集更为快速、效率更高。
步骤104,在浏览器后台进行所述图片信息对应图片的收集。
在本发明实施例中,浏览器可以根据上述步骤中收集到的图片信息中的图片在所述当前网页中的位置信息和图片的源地址信息,从服务器中收集图片信息对应的图片。
步骤106,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
图片在后台被收集完后,可以在浏览器中加载一个入口提示子窗,并根据图片信息在所述入口提示子窗中加载提示信息,当用户点击所述入口提示子窗时,可以直接进入全屏查看当前网页图片的图片浏览模式。本发明实施例中,可以在浏览器地址栏中加载所述入口提示子窗,和/或在当前网页页面中加载所述入口提示子窗,例如:
在本发明实施例中,可以在浏览器地址栏中加载所述入口提示子窗,如图2所示,为本实施例中一种加载入口提示子窗的示意图,在浏览器地址栏中加载入口提示子窗,并在所述入口提示子窗中加载一个“16张大图”的提示信息。
又例如,在本发明实施例中,可以在当前网页页面中加载入口提示子窗,如图3所示,为本实施例中另一种加载入口提示子窗的示意图,在当前网页页面中加载入口提示子窗,并在所述入口提示子窗中加载一个“发现本页有超过5张大图,已帮您整理好!您可以全屏看大图”的提示信息。
步骤108,在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,浏览器可以加载一个全屏查看图片窗口,将所收集的图片在全屏查看图片窗口中加载并显示。
综上所述,本发明实施例提供的一种在浏览器中显示图片的方法,通过浏览器来显示图片,而不再通过网站方提供的图片显示方法来显示图片,用户浏览网页中的图片不再受网站方的影响,即使当网站方没有提供任何一种图片显示方法时,也可以通过浏览器侧来显示图片,从而带来良好图片显示效果好。同时,本发明实施例提供的方法在当前网页加载完毕后,直接遍历DOM树,从DOM中获取当前网页中所有可全屏展示的图片信息并收集图片,不需要在浏览到相应的图片位置时,才加载显示图片,提高了图片收集速度,从而图片加载显示速度更快,效率更高,减少了用户等待时间。
参照图4,是本发明第二实施例中一种在浏览器中显示图片的方法的流程图,在本发明实施例中,在浏览器中显示图片的方法可以包括以下步骤:
步骤402,在浏览器侧加载当前网页,浏览器从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
在本发明的一种优选实施例中,在当前网站加载完成后,浏览器就可以在后台开始遍历DOM树,从DOM树中获取当前网页中可全屏显示的图片的图片信息,利用空闲时间在后台收集图片信息,提高了图片的收集效率。同时,当用户需要浏览图片时,从DOM树中获取当前网页中可全屏显示的图片的图片信息这一步骤已经提前在后台完成了,减少了用户的等待时间。
在本发明的另一优选实施例中,浏览器也可以在当用户浏览当前网页中的其中一张图片时,开始在后台遍历DOM树,从DOM树中获取当前网页中可全屏显示的图片的图片信息。
本发明实施例中,上述步骤402可以包括以下子步骤:
子步骤4022,浏览器遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点。
其中,所述子步骤4022可以包括以下子步骤:
子步骤40222,浏览器遍历所述当前网页DOM树中的各个节点。
子步骤40224,浏览器获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息。
遍历所述当前网页DOM树中的各个节点,从节点信息中查找包含图片元素的信息,例如,当任意一个节点的节点信息中带有<img>信息时,确定所述任意一个节点为图片节点,并获取所述图片节点中存储的图片信息,其中,所述图片信息可以包括图片尺寸大小信息。
子步骤40226,浏览器根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点。
根据所述图片信息中的图片尺寸大小信息,获取所述图片尺寸大小信息对应的图片尺寸,当所述图片尺寸大于等于预置图片尺寸大小时,保留所述图片信息对应的图片节点;当所述图片尺寸小于预置图片尺寸大小时,丢弃所述图片信息对应的图片节点。例如,可以将预置图片尺寸大小设置为400X300,那么只保留图片尺寸大于等于400X300所对应的图片节点。
子步骤40228,浏览器将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
当所述图片的尺寸大小信息对应的图片尺寸大于等于预置图片尺寸大小时,确定所述图片节点为当前网页中可进行全屏显示的图片所在的节点。
子步骤4024,浏览器从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息。
其中,图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
步骤404,浏览器在后台收集所述图片信息对应的图片。
步骤406,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
在本发明实施例中,所述步骤406可以包括以下子步骤:
子步骤4062,浏览器统计所述满足预置图片尺寸大小的节点个数。
在从所述图片节点中筛选满足预置图片尺寸大小的节点时,统计满足预置图片尺寸大小的节点个数,即,当所述图片节点信息中的图片尺寸大小信息对应的图片尺寸大小满足预置图片尺寸大小时,计数加1,不满足时,计数加0,最终统计得到满足预置图片尺寸大小的节点个数。
子步骤4064,当统计结果满足设定数值时,浏览器在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗。
在本发明实施例中,当统计结果大于或等于3时,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,用户通过所述入口提示子窗可以进入全屏查看图片窗口浏览图片。其中,所述入口提示子窗可以是所述当前网页页面中的一个浮层窗口、和/或浏览器弹窗、和/或浏览器地址栏中的子窗口。需要说明的是,统计结果大于或等于3仅为示例性说明,在实际应用中,本领域技术人员可以根据实际情况适当设置。
子步骤4066,浏览器根据所述图片信息中的图片数量信息,在所述入口提示子窗口中加载提示信息。
其中,所述提示信息可以用于提示当前网页中可展示的图片数量。
步骤408,浏览器在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
本发明实施例中,所述全屏查看图片窗口是一个位于所述浏览器当前页面之上、可根据用户设置配置背景颜色的全屏窗口,例如,所述背景颜色可以配置为黑色、红色或紫色。但优选地,全屏查看图片窗口的背景颜色以能遮挡当前网页为佳。本实施例中一种全屏查看图片窗口的示意图如图5所示,图5中所示的全屏查看图片窗口中可以包括:连续看图、保存图片、本站更多套图、我的图库和保存套图选项,以及一个缩略图显示窗口,所述缩略图显示窗口可以根据用户需要进行显示或隐藏。当用户点击连续看图选项时,全屏查看图片窗口进入幻灯片模式浏览网页中的可全屏显示的图片;当用户点击保存图片选项时,可以保存当前全屏浏览的图片;当用户点击本站更多套图时,用户可以浏览浏览器在后台收集的当前网页对应的网站中的其它图片;当用户点击我的图库时,用户进入我的图库看图模式,用户可以浏览自己保存的图片和之前浏览过的图片;当用户点击保存套图选项时,用户可以选择保存套图中的任意一张或多张图片,或者保存一套图片,并且用户可以通过浏览器提供的第三方软件实现多张图片生成一张组合图等各种图片组合特效。
在本发明实施例中,所述在浏览器中显示图片的方法还可以包括以下步骤:
子步骤410,触发套图保存选项后,浏览器确定所述全屏查看图片窗口中当前显示的图片的类别;
子步骤412,浏览器获取与所述当前显示的图片属于同一类别的其它图片并保存至内存中;
子步骤414,浏览器在所述缩略图显示窗口中显示获取的所述其它图片的缩略图。
综上所述,本发明实施例中,只有当图片的尺寸大小满足预置图片尺寸大小时,图片才会被浏览器收集,保证了被收集的图片的质量,在网页中有很多广告,这些广告中也可能会带有图片,广告中的图片并不是用户想要浏览的,而广告中图片的图片尺寸大小是不满足预置图片尺寸大小的,因此,通过对图片的图片尺寸大小的筛选,可以避免收集到用户不想浏览的广告图片,图片收集的准确度高,从而提高了最终显示图片时的准确度。其次,在图片收集过程中,对收集的满足预置图片尺寸大小的图片进行了计数,只有当计数结果满足预置值时,才会加载入口提示子窗和提示信息,例如,当计数结果为1时,说明当前网页中只有一张可全屏显示的图片,此时不加载入口提示子窗和提示信息,用户可以直接点击所述图片进入全屏查看图片窗口,不需要触发入口提示子窗后再进入全屏查看图片窗口,节约了用户的时间。然后,在当前网页加载完毕后,浏览器就可以开始在后台遍历DOM树,收集图片信息和图片信息对应的图片,或者利用用户浏览当前图片的时间在后台遍历DOM树,收集图片,不需要等待用户主动操作当前网页浏览到图片位置处时才开始加载并显示图片,提高了图片收集的效率,减少用户等待时间。最后,在全屏查看图片窗口中,有连续看图、保存图片、本站更多套图、我的图库和保存套图多种选项可以供用户选择,用户可以对图片进行保存、修改、特效组合等各种操作。而且用户还可以根据缩略图显示窗口对图片进行预览,图片浏览模式多样化。
参照图6,是本发明第三实施例中一种在浏览器中显示图片的方法的流程图,在本发明实施例中,所示一种在浏览器中显示图片的方法可以包括以下步骤:
步骤602,在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
步骤604,在浏览器后台进行所述图片信息对应图片的收集。
步骤606,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
步骤608,在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
网页中的一些图片需要通过JS进行加载,由于遍历DOM树时是没有触发加载所述图片的JS,因此,在遍历DOM树获取当前网页中的图片时,还有一些要在当前网页中进行显示的图片是没有被识别到,从而不能完整的显示当前网页中所有可进行全屏显示的图片。同时,在实际应用过程中,很多网页中会使用一些url(Uniform Resource Locator,url,网页地址)进行图片占位,所述url只是用于占用一个位置,而不是正式的图片,当占位url被正式图片替换后,才能正常显示所述正式图片。因此,在遍历DOM树时获取的图片信息中有部分信息是占位符的信息,而不是正式图片的信息,从而不能正常显示所述占位符对应的图片。
在本发明实施例中,所述步骤608可以包括以下子步骤:
子步骤6082,在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,触发所述浏览器在所述当前网页上执行滚动条操作,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页。
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,进入全屏看图模式,浏览器可以在当前网页上执行Doscroll函数或者Setscroll函数,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页。
子步骤6084,在遍历所述当前网页的过程中,触发当前网页中的脚本语言,收集当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片。
在遍历所述当前网页的过程中,可以触发网页中的JS,从而启动了图片的加载,可以收集到当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片,例如:需要通过JS进行加载的图片和占位符对应的正式图片。
子步骤6086,在遍历所述当前网页的过程完成之后,所述滚动条回到所述当前位置。
因为进入全屏看图模式时,全屏查看图片窗口可以是一个位于所述浏览器当前页面之上的窗口,遮挡住了当前网页,所述在当前网页上执行Doscroll函数或者Setscroll函数时,不会影响用户体验全屏看图,同时,在遍历所述当前网页的过程完成之后,滚动条回到所述当前位置,当用户关闭全屏查看图片窗口后,滚动条仍在当前网页的当前位置,不会对用户浏览网页造成任何影响。
子步骤6088,将通过触发脚本语言收集到的图片在全屏查看图片窗口中加载并显示。
综上所述,本发明实施例通过在当前网页上执行Doscroll函数或者Setscroll函数,遍历所述当前网页,触发网页中的JS,实现对网页中的图片的加载和收集,解决了通过遍历DOM树不能收集到需要通过JS加载的图片,和通过遍历DOM树不能收集到占位符对应的正式图片的问题。通过本发明实施例所述的方法,可以将当前网页中所有可进行全屏显示的图片全部收集到,并显示给用户,图片收集的完整度高,从而提高了最终图片显示时的完整度。
参照图7,是本发明第四实施例中一种在浏览器中显示图片的方法的流程图,在本发明实施例中,所示一种在浏览器中显示图片的方法可以包括以下步骤:
步骤702,在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
步骤704,在浏览器后台进行所述图片信息对应图片的收集。
步骤706,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
步骤708,在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
在实际应用过程中,很多网页除了当前用户正在浏览的页面外,还有“下一页”页面,当当前页面的下一页选项被触发,进入下一页页面后,下一页页面中的图片才会被加载识别。
在本发明实施例中,所述步骤708可以包括以下子步骤:
子步骤7082,在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面。
其中,所述子步骤7082可以包括以下子步骤:
子步骤70822,从所述配置文件中获取所述已加载完毕的当前网页的下一页页面的识别策略。
在本发明实施例中,所述识别策略可以包括:针对不同的网站,设置的与网站相匹配的下一页选项的标准标识。例如,根据在浏览器侧预置的一个config识别策略文件,所述config中根据不同网站设置了不同的“下一页”选项的识别策略,针对网站A设置的“下一页”选项的标识是“1”。完成了“下一页”按钮的获取后,重新再其它一个后台的网页进程加载并收集下一页页面中可全屏显示的图片,依照这种方法就可以获取到所有的下一页的图片,直到获取到所有的图片数据。最后,可以将所有的图片在全屏图片模式中进行数据的更新,显示给用户所有页的图片,并标识出是第几页上的图片。
子步骤70824,获取所述已加载完毕的当前网页中的下一页选项的标识,判断所述标识是否满足所述识别策略。
针对A网站,当获取到的当前网页的下一页选项的标识为“1”时,根据上述确定的识别策略,所述标识“1”满足A网站设置的“下一页”的识别策略。
子步骤70826,若满足,则触发所述下一页选项获取所述下一页页面。
子步骤7084,遍历所述下一页页面的DOM树中的各个节点,确定所述下一页页面中可进行全屏显示的图片所在的节点,并从所述确定的下一页页面的节点中获取下一页页面中可进行全屏显示的图片的图片信息,根据获取的所述下一页页面的图片信息收集所述下一页页面图片信息对应的图片。
子步骤7086,将收集到的所述下一页页面的图片在全屏查看图片窗口中加载并显示。
子步骤7088,将收集到的下一页页面中可全屏显示的图片更新至所述全屏查看图片窗口中,在所述全屏查看图片窗口中加载并显示收集到的当前页中的图片和收集到的下一页页面中的图片。
在本发明实施例中,可以将收集到的下一页页面中可全屏显示的图片更新至全屏查看图片窗口中,在显示图片时,可以将收集到的当前页面中可全屏显示的图片和下一页页面中可全屏显示图片一起向用户显示,同时,在向用户显示图片时,还可以标识出全屏查看图片窗口中正在显示的图片是第几页页面上的图片。
综上所述,本发明实施例所述的方法,通过浏览器和网站之间的下一页识别策略,可以准确获取下一页页面中的图片,用户不用进行翻页操作即可浏览到当前网页对应的网站中的所有图片,提高了图片的收集效率,同时用户可以直接浏览到本站中所有的图片。
需要说明的是,对于前述的方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明所必需的。
基于同一发明构思,参照图8,是本发明第五实施例中一种在浏览器中显示图片的装置的结构框图,本发明实施例所述一种在浏览器中显示图片的装置可以包括如下模块:
第一图片信息获取模块802,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
第一图片收集模块804,用于在浏览器后台进行所述图片信息对应图片的收集。
窗口加载模块806,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
第一图片加载显示模块808,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
综上所述,本发明实施例提供的一种在浏览器中显示图片的装置,在浏览器侧加载当前网页,将所收集的图片在全屏查看图片窗口中加载并显示,通过浏览器中的第一图片加载显示模块来显示图片,而不再通过网站方来显示图片,用户浏览网页中的图片不再受网站方的限制。同时,浏览器利用空闲时间在后台进行遍历DOM、收集图片的操作,提高了图片收集的效率,节约了时间。
参照图9,是本发明第六实施例中一种在浏览器中显示图片的装置的结构框图,本发明实施例所述一种在浏览器中显示图片的装置可以包括如下模块:
第一图片信息获取模块902,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
在本发明实施例中,所述第一图片信息获取模块902可以包括:
节点遍历模块9022,用于遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点。
其中,所述节点遍历模块9022可以包括:
节点获取模块90222,用于获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息。
节点筛选模块90224,用于根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点。
节点确定模块90226,用于将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
第二图片信息获取模块9024,用于从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息;其中,所述图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
第一图片收集模块904,用于在浏览器后台进行所述图片信息对应图片的收集。
窗口加载模块906,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
优选地,入口提示子窗可以是当前网页页面中的一个浮层窗口、和/或浏览器弹窗、和/或浏览器地址栏中的子窗口。
在本发明实施例中,所述窗口加载模块906可以包括:
节点统计模块9062,用于统计所述满足预置图片尺寸大小的节点个数;
入口提示子窗加载模块9064,用于在统计结果满足设定数值时,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗。
提示信息加载模块9066,用于根据所述图片信息中的图片数量信息,在所述入口提示子窗口中加载提示信息,其中,所述提示信息用于提示当前网页中可展示的图片数量。
第一图片加载显示模块908,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
在本发明实施例中,所述第一图片加载显示模块908,可以包括:
第一滚动条操作模块9082,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,触发所述浏览器在所述当前网页上执行滚动条操作,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页。
第二图片收集模块9084,用于在遍历所述当前网页的过程中,触发当前网页中的脚本语言,收集当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片。
第二滚动条操作模块9086,用于在遍历所述当前网页的过程完成之后,所述滚动条回到所述当前位置。
第二图片加载显示模块9088,用于将通过触发脚本语言收集到的图片在全屏查看图片窗口中加载并显示。
在本发明实施例中,所述全屏查看图片窗口可以是一个位于所述浏览器当前页面之上、可根据用户设置配置背景颜色的全屏窗口;所述全屏查看图片窗口中可以包括:套图保存选项和缩略图显示窗口。所述装置还可以包括以下模块:
类别确定模块910,用于在触发套图保存选项后,确定所述全屏查看图片窗口中当前显示的图片的类别。
图片获取模块912,用于获取与所述当前显示的图片属于同一类别的其它图片并保存至内存中。
缩略图显示模块914,用于在所述缩略图显示窗口中显示获取的所述其它图片的缩略图。
综上所述,本发明实施例提供的一种在浏览器中显示图片的装置,通过第一图片收集模块收集通过遍历DOM树识别到的图片,第二图片收集模块收集通过遍历DOM树没有识别到的图片,实现了对当前网页中所有可以全屏显示的图片的收集工作,提高了图片收集的准确度和完整度。进一步的,在通过图片获取模块,不需要用户自己去查询就可以直接获取当前浏览的图片对应的同一类别下的其它所有图片,减少了用户的查询步骤,节约了时间。
参照图10,是本发明第七实施例中一种图片显示的装置的结构框图,本发明实施例所述一种在浏览器中显示图片的装置可以包括如下模块:
第一图片信息获取模块1002,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息。
第一图片收集模块1004,用于在浏览器后台进行所述图片信息对应图片的收集。
窗口加载模块1006,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息。
第一图片加载显示模块1008,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
其中,在本发明实施例中,所述第一图片加载显示模块1008,可以包括以下模块:
下一页页面识别获取模块10082,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面。
其中,所述下一页页面识别获取模块10082,可以包括以下模块:
识别策略获取模块100822,用于从所述配置文件中获取所述已加载完毕的当前网页的下一页页面的识别策略;其中,所述识别策略,包括:针对不同的网站,设置的与网站相匹配的下一页选项的标准标识。
识别策略判断模块100824,用于获取所述已加载完毕的当前网页中的下一页选项的标识,判断所述标识是否满足所述识别策略。
下一页页面获取模块100826,用于在所述标识满足所述识别策略时,触发所述下一页选项,获取所述下一页页面。
下一页页面图片收集模块10084,用于遍历所述下一页页面的DOM树中的各个节点,确定所述下一页页面中可进行全屏显示的图片所在的节点,并从所述确定的下一页页面的节点中获取下一页页面中可进行全屏显示的图片的图片信息,根据获取的所述下一页页面的图片信息收集所述下一页页面图片信息对应的图片。
第三图片加载显示模块10086,用于将收集到的所述下一页页面的图片在全屏查看图片窗口中加载并显示。
图片更新模块10088,用于将收集到的下一页页面中可全屏显示的图片更新至所述全屏查看图片窗口中,在所述全屏查看图片窗口中加载并显示收集到的当前页中的图片和收集到的下一页页面中的图片。
综上所述,本发明实施例提供的一种在浏览器中显示图片的装置,通过下一页页面识别获取模块收集到下一页页面中可全屏显示的图片,并图片更新模块,将收集到的下一页页面中的图片和收集到的当前页面中的图片同时在全屏查看图片窗口中进行显示,用户可以浏览到当前网页对应的网站中的所有图片,减少了用户的等待时间,提高了图片显示的效率,也更加便于用户浏览图片。
对于上述一种在浏览器中显示图片的装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
根据本发明实施例的一种在浏览器中显示图片的方案,首先,所述方案通过浏览器来显示图片,而不再通过网站方提供的图片显示方法来显示图片,用户浏览网页中的图片不再受网站方的影响,即使当网站方没有提供任何一种图片显示方法时,也可以通过浏览器侧来显示图片,带来良好图片显示效果好。其次,在当前网页加载完毕后,浏览器就可以开始在后台遍历DOM树,收集图片信息和图片信息对应的图片,或者利用用户浏览当前图片的时间在后台遍历DOM树,收集图片,不需要等待用户主动操作当前网页浏览到图片位置处时才开始加载并显示图片,提高了图片收集的效率,减少用户等待时间。最后,浏览器通过遍历DOM树、和执行Doscroll函数或者Setscroll函数,可以识别到当前网页和下一页页面中所有可以全屏显示的图片,提高了在全屏查看图片窗口中显示的图片的完整度。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域技术人员易于想到的是:上述各个实施例的任意组合应用都是可行的,故上述各个实施例之间的任意组合都是本发明的实施方案,但是由于篇幅限制,本说明书在此就不一一详述了。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的在浏览器中显示图片的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种在浏览器中显示图片的方法,包括:
在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,并在浏览器后台进行所述图片信息对应图片的收集;
在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
A2、根据A1所述的方法,所述从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,包括:
遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点,并从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息;
其中,所述图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
A3、根据A2所述的方法,所述确定所述当前网页中可进行全屏显示的图片所在的节点,包括:
获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息;
根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点;
将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
A4、根据A3所述的方法,所述在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息,包括:
统计所述满足预置图片尺寸大小的节点个数;
当统计结果满足设定数值时,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗;
并根据所述图片信息中的图片数量信息,在所述入口提示子窗口中加载提示信息,其中,所述提示信息用于提示当前网页中可展示的图片数量。
A5、根据A1所述的方法,所述在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示,包括:
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,触发所述浏览器在所述当前网页上执行滚动条操作,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页;
在遍历所述当前网页的过程中,触发当前网页中的脚本语言,收集当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片;
在遍历所述当前网页的过程完成之后,所述滚动条回到所述当前位置;
将通过触发脚本语言收集到的图片在全屏查看图片窗口中加载并显示。
A6、根据A1所述的方法,所述在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示,包括:
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面;
遍历所述下一页页面的DOM树中的各个节点,确定所述下一页页面中可进行全屏显示的图片所在的节点,并从所述确定的下一页页面的节点中获取下一页页面中可进行全屏显示的图片的图片信息,根据获取的所述下一页页面的图片信息收集所述下一页页面图片信息对应的图片;
将收集到的所述下一页页面的图片在全屏查看图片窗口中加载并显示。
A7、根据A6所述的方法,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面,包括:
从所述配置文件中获取所述已加载完毕的当前网页的下一页页面的识别策略;其中,所述识别策略,包括:针对不同的网站,设置的与网站相匹配的下一页选项的标准标识;
获取所述已加载完毕的当前网页中的下一页选项的标识,判断所述标识是否满足所述识别策略;
若满足,则触发所述下一页选项,获取所述下一页页面。
A8、根据A6所述的方法,还包括:
将收集到的下一页页面中可全屏显示的图片更新至所述全屏查看图片窗口中,在所述全屏查看图片窗口中加载并显示收集到的当前页中的图片和收集到的下一页页面中的图片。
A9、根据A1-A8任一所述的方法,
所述全屏查看图片窗口是一个位于所述浏览器当前页面之上、可根据用户设置配置背景颜色的全屏窗口;所述全屏查看图片窗口中包括:套图保存选项和缩略图显示窗口;
所述方法还包括:
触发套图保存选项后,确定所述全屏查看图片窗口中当前显示的图片的类别;
获取与所述当前显示的图片属于同一类别的其它图片并保存至内存中;
在所述缩略图显示窗口中显示获取的所述其它图片的缩略图。
A10、根据A1-A8任一所述的方法,
所述入口提示子窗是所述当前网页页面中的一个浮层窗口、和/或浏览器弹窗、和/或浏览器地址栏中的子窗口。
本发明还公开了B11、一种在浏览器中显示图片的装置,包括:
第一图片信息获取模块,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息;
第一图片收集模块,用于在浏览器后台进行所述图片信息对应图片的收集;
窗口加载模块,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
第一图片加载显示模块,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
B12、根据B11所述的装置,所述第一图片信息获取模块,包括:
节点遍历模块,用于遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点;
第二图片信息获取模块,用于从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息;
其中,所述图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
B13、根据B12所述的装置,所述节点遍历模块,包括:
节点获取模块,用于获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息;
节点筛选模块,用于根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点;
节点确定模块,用于将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
B14、根据B13所述的装置,所述窗口加载模块,包括:
节点统计模块,用于统计所述满足预置图片尺寸大小的节点个数;
入口提示子窗加载模块,用于在统计结果满足设定数值时,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗;
提示信息加载模块,用于根据所述图片信息中的图片数量信息,在所述入口提示子窗口中加载提示信息,其中,所述提示信息用于提示当前网页中可展示的图片数量。
B15、根据B10所述的装置,所述第一图片加载显示模块,包括:
第一滚动条操作模块,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,触发所述浏览器在所述当前网页上执行滚动条操作,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页;
第二图片收集模块,用于在遍历所述当前网页的过程中,触发当前网页中的脚本语言,收集当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片;
第二滚动条操作模块,用于在遍历所述当前网页的过程完成之后,所述滚动条回到所述当前位置;
第二图片加载显示模块,用于将通过触发脚本语言收集到的图片在全屏查看图片窗口中加载并显示。
B16、根据B10所述的装置,所述第一图片加载显示模块,包括:
下一页页面识别获取模块,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面;
下一页页面图片收集模块,用于遍历所述下一页页面的DOM树中的各个节点,确定所述下一页页面中可进行全屏显示的图片所在的节点,并从所述确定的下一页页面的节点中获取下一页页面中可进行全屏显示的图片的图片信息,根据获取的所述下一页页面的图片信息收集所述下一页页面图片信息对应的图片;
第三图片加载显示模块,用于将收集到的所述下一页页面的图片在全屏查看图片窗口中加载并显示。
B17、根据B16所述的装置,所述下一页页面识别获取模块,包括:
识别策略获取模块,用于从所述配置文件中获取所述已加载完毕的当前网页的下一页页面的识别策略;其中,所述识别策略,包括:针对不同的网站,设置的与网站相匹配的下一页选项的标准标识;
识别策略判断模块,用于获取所述已加载完毕的当前网页中的下一页选项的标识,判断所述标识是否满足所述识别策略;
下一页页面获取模块,用于在所述标识满足所述识别策略时,触发所述下一页选项,获取所述下一页页面。
B18、根据B16所述的装置,还包括:
图片更新模块,用于将收集到的下一页页面中可全屏显示的图片更新至所述全屏查看图片窗口中,在所述全屏查看图片窗口中加载并显示收集到的当前页中的图片和收集到的下一页页面中的图片。
B19、根据B10-B18任一所述的装置,所述全屏查看图片窗口是一个位于所述浏览器当前页面之上、可根据用户设置配置背景颜色的全屏窗口;所述全屏查看图片窗口中包括:套图保存选项和缩略图显示窗口;
所述装置还包括:
类别确定模块,用于在触发套图保存选项后,确定所述全屏查看图片窗口中当前显示的图片的类别;
图片获取模块,用于获取与所述当前显示的图片属于同一类别的其它图片并保存至内存中;
缩略图显示模块,用于在所述缩略图显示窗口中显示获取的所述其它图片的缩略图。
B20、根据B10-B18任一所述的装置,所述入口提示子窗是所述当前网页页面中的一个浮层窗口、和/或浏览器弹窗、和/或浏览器地址栏中的子窗口。
Claims (10)
1.一种在浏览器中显示图片的方法,包括:
在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,并在浏览器后台进行所述图片信息对应图片的收集;
在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
2.根据权利要求1所述的方法,其特征在于,所述从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息,包括:
遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点,并从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息;
其中,所述图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
3.根据权利要求2所述的方法,其特征在于,所述确定所述当前网页中可进行全屏显示的图片所在的节点,包括:
获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息;
根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点;
将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
4.根据权利要求3所述的方法,其特征在于,所述在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息,包括:
统计所述满足预置图片尺寸大小的节点个数;
当统计结果满足设定数值时,在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗;
并根据所述图片信息中的图片数量信息,在所述入口提示子窗口中加载提示信息,其中,所述提示信息用于提示当前网页中可展示的图片数量。
5.根据权利要求1所述的方法,其特征在于,所述在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示,包括:
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,触发所述浏览器在所述当前网页上执行滚动条操作,使滚动条离开所述当前网页的当前位置,从所述当前网页的初始位置滚动到所述当前网页的终止位置,遍历所述当前网页;
在遍历所述当前网页的过程中,触发当前网页中的脚本语言,收集当前网页中可进行全屏显示同时未从当前网页DOM树中识别收集到的图片;
在遍历所述当前网页的过程完成之后,所述滚动条回到所述当前位置;
将通过触发脚本语言收集到的图片在全屏查看图片窗口中加载并显示。
6.根据权利要求1所述的方法,其特征在于,所述在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示,包括:
在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面;
遍历所述下一页页面的DOM树中的各个节点,确定所述下一页页面中可进行全屏显示的图片所在的节点,并从所述确定的下一页页面的节点中获取下一页页面中可进行全屏显示的图片的图片信息,根据获取的所述下一页页面的图片信息收集所述下一页页面图片信息对应的图片;
将收集到的所述下一页页面的图片在全屏查看图片窗口中加载并显示。
7.根据权利要求6所述的方法,其特征在于,根据预设配置文件中的配置信息,识别并获取所述已加载完毕的当前网页的下一页页面,包括:
从所述配置文件中获取所述已加载完毕的当前网页的下一页页面的识别策略;其中,所述识别策略,包括:针对不同的网站,设置的与网站相匹配的下一页选项的标准标识;
获取所述已加载完毕的当前网页中的下一页选项的标识,判断所述标识是否满足所述识别策略;
若满足,则触发所述下一页选项,获取所述下一页页面。
8.一种在浏览器中显示图片的装置,包括:
第一图片信息获取模块,用于在浏览器侧加载当前网页,从当前网页的文件对象模型DOM树中获取当前网页中可进行全屏显示的图片的图片信息;
第一图片收集模块,用于在浏览器后台进行所述图片信息对应图片的收集;
窗口加载模块,用于在所述浏览器中加载全屏查看当前网页中图片的入口提示子窗,并根据所述图片信息在所述入口提示子窗中加载提示信息;
第一图片加载显示模块,用于在接收到用户根据所述提示信息对所述入口提示子窗的触发操作后,将所收集的图片在全屏查看图片窗口中加载并显示。
9.根据权利要求8所述的装置,其特征在于,所述第一图片信息获取模块,包括:
节点遍历模块,用于遍历所述当前网页DOM树中的各个节点,确定所述当前网页中可进行全屏显示的图片所在的节点;
第二图片信息获取模块,用于从所述确定的节点中获取当前网页中可进行全屏显示的图片的图片信息;
其中,所述图片信息包括:图片的数量、图片的尺寸大小、图片的像素、图片在所述当前网页中的位置、图片的源地址和图片描述信息中的至少一种信息。
10.根据权利要求9所述的装置,其特征在于,所述节点遍历模块,包括:
节点获取模块,用于获取所述DOM树中的图片节点,并获取所述图片节点中存储的图片信息;
节点筛选模块,用于根据所述图片信息中的图片尺寸大小信息,从所述图片节点中筛选得到满足预置图片尺寸大小的节点;
节点确定模块,用于将所述满足预置图片尺寸大小的节点确定为所述当前网页中可进行全屏显示的图片所在的节点。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310493302.2A CN103544272A (zh) | 2013-10-18 | 2013-10-18 | 一种在浏览器中显示图片的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310493302.2A CN103544272A (zh) | 2013-10-18 | 2013-10-18 | 一种在浏览器中显示图片的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103544272A true CN103544272A (zh) | 2014-01-29 |
Family
ID=49967724
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310493302.2A Pending CN103544272A (zh) | 2013-10-18 | 2013-10-18 | 一种在浏览器中显示图片的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103544272A (zh) |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105718505A (zh) * | 2015-12-29 | 2016-06-29 | 北京金山安全软件有限公司 | 一种图片展示方法、装置及移动终端 |
CN106484726A (zh) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN107038053A (zh) * | 2017-04-28 | 2017-08-11 | 北京小度信息科技有限公司 | 一种加载网页图片的统计方法、装置及移动终端 |
CN109582891A (zh) * | 2018-11-16 | 2019-04-05 | 百度在线网络技术(北京)有限公司 | 网页图片展示方法、装置、电子设备及存储介质 |
CN109710866A (zh) * | 2018-12-18 | 2019-05-03 | 天津字节跳动科技有限公司 | 在线文档内图片显示方法和装置 |
CN109948093A (zh) * | 2017-07-18 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 表情图片生成方法、装置及电子设备 |
CN110069723A (zh) * | 2017-08-21 | 2019-07-30 | 腾讯科技(深圳)有限公司 | 图形码识别方法、装置及存储介质 |
CN111538448A (zh) * | 2020-04-28 | 2020-08-14 | 北京无限光场科技有限公司 | 图像显示的方法及装置、终端和存储介质 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111931097A (zh) * | 2020-09-24 | 2020-11-13 | 腾讯科技(深圳)有限公司 | 信息展示方法、装置、电子设备以及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102646135A (zh) * | 2012-03-31 | 2012-08-22 | 奇智软件(北京)有限公司 | 一种网页收藏方法、装置及系统 |
CN102819561A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种基于网页的图片显示方法和装置 |
CN102981877A (zh) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | 图片工具条加载方法和装置 |
CN102999342A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 一种网页中图片的全屏浏览方法及其装置 |
CN102999341A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 用于网页的图片全屏浏览方法和装置 |
-
2013
- 2013-10-18 CN CN201310493302.2A patent/CN103544272A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102646135A (zh) * | 2012-03-31 | 2012-08-22 | 奇智软件(北京)有限公司 | 一种网页收藏方法、装置及系统 |
CN102819561A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种基于网页的图片显示方法和装置 |
CN102981877A (zh) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | 图片工具条加载方法和装置 |
CN102999342A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 一种网页中图片的全屏浏览方法及其装置 |
CN102999341A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 用于网页的图片全屏浏览方法和装置 |
Non-Patent Citations (1)
Title |
---|
PCONLINE原创: "360浏览器看图模式 一键保存高清套图", 《太平洋电脑网PCONLINE》, 20 May 2013 (2013-05-20), pages 1 - 3 * |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106484726A (zh) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN106484726B (zh) * | 2015-08-31 | 2019-10-25 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN105718505A (zh) * | 2015-12-29 | 2016-06-29 | 北京金山安全软件有限公司 | 一种图片展示方法、装置及移动终端 |
CN107038053A (zh) * | 2017-04-28 | 2017-08-11 | 北京小度信息科技有限公司 | 一种加载网页图片的统计方法、装置及移动终端 |
CN109948093A (zh) * | 2017-07-18 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 表情图片生成方法、装置及电子设备 |
CN109948093B (zh) * | 2017-07-18 | 2023-05-23 | 腾讯科技(深圳)有限公司 | 表情图片生成方法、装置及电子设备 |
CN110069723A (zh) * | 2017-08-21 | 2019-07-30 | 腾讯科技(深圳)有限公司 | 图形码识别方法、装置及存储介质 |
CN110069723B (zh) * | 2017-08-21 | 2023-01-06 | 腾讯科技(深圳)有限公司 | 图形码识别方法、装置及存储介质 |
CN109582891A (zh) * | 2018-11-16 | 2019-04-05 | 百度在线网络技术(北京)有限公司 | 网页图片展示方法、装置、电子设备及存储介质 |
CN109710866B (zh) * | 2018-12-18 | 2021-07-02 | 天津字节跳动科技有限公司 | 在线文档内图片显示方法和装置 |
CN109710866A (zh) * | 2018-12-18 | 2019-05-03 | 天津字节跳动科技有限公司 | 在线文档内图片显示方法和装置 |
CN111538448A (zh) * | 2020-04-28 | 2020-08-14 | 北京无限光场科技有限公司 | 图像显示的方法及装置、终端和存储介质 |
CN111538448B (zh) * | 2020-04-28 | 2021-07-23 | 北京无限光场科技有限公司 | 图像显示的方法及装置、终端和存储介质 |
CN111767492B (zh) * | 2020-06-30 | 2023-04-11 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111931097A (zh) * | 2020-09-24 | 2020-11-13 | 腾讯科技(深圳)有限公司 | 信息展示方法、装置、电子设备以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103544272A (zh) | 一种在浏览器中显示图片的方法和装置 | |
JP6813612B2 (ja) | ウェブページのためのコンテンツ項目サイズの自動的な決定 | |
CN104077387B (zh) | 一种网页内容显示方法和浏览器装置 | |
US8533141B2 (en) | Systems and methods for rule based inclusion of pixel retargeting in campaign management | |
RU2427912C2 (ru) | Система для визуального отображения и управления информацией на web-странице с использованием индикатора | |
CN104050184B (zh) | 显示页面内容的方法及装置 | |
US20140089472A1 (en) | System and method for semantic knowledge capture | |
CN104951961A (zh) | 用于推送内容的方法、终端、服务器以及系统 | |
CN107644100B (zh) | 信息处理方法、装置以及系统和计算机可读存储介质 | |
CN103488781A (zh) | 提供信息搜索的方法、搜索引擎服务器 | |
CN105574142A (zh) | 一种向用户推荐内容的方法及系统 | |
CN104361082A (zh) | 一种浏览器中对网页中指定元素进行显示的方法和装置 | |
US20150254219A1 (en) | Method and system for injecting content into existing computerized data | |
CN109918594B (zh) | 一种信息显示方法及装置 | |
CN104360882A (zh) | 一种浏览器中对网页中图片进行显示方法和装置 | |
CN111090797B (zh) | 数据获取方法、装置、计算机设备和存储介质 | |
CN102930058A (zh) | 一种在浏览器的地址栏中实现搜索的方法和装置 | |
CN105868096A (zh) | 用于在浏览器中显示web页面测试结果的方法、装置及设备 | |
CN103577392A (zh) | 基于当前浏览页面的关键词推送方法及装置 | |
CN105243058A (zh) | 一种网页内容翻译方法及电子设备 | |
CN107025237A (zh) | 一种页面点击分布图的生成方法及系统 | |
CN105045935A (zh) | 一种用于推荐位置信息的方法及电子设备 | |
US20220114269A1 (en) | Page processing method, electronic apparatus and non-transitory computer-readable storage medium | |
US9824151B2 (en) | Providing a portion of requested data based upon historical user interaction with the data | |
US20110197133A1 (en) | Methods and apparatuses for identifying and monitoring information in electronic documents over a network |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | 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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140129 |