CN104598467B - 一种网页图片的显示方法及装置 - Google Patents
一种网页图片的显示方法及装置 Download PDFInfo
- Publication number
- CN104598467B CN104598467B CN201310530141.XA CN201310530141A CN104598467B CN 104598467 B CN104598467 B CN 104598467B CN 201310530141 A CN201310530141 A CN 201310530141A CN 104598467 B CN104598467 B CN 104598467B
- Authority
- CN
- China
- Prior art keywords
- browser
- picture
- webpage picture
- webpage
- full
- 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.)
- Active
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
-
- 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
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)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种网页图片的显示方法及装置,其中方法可包括:获取当前移动终端浏览器页面中的网页图片数据;根据网页图片数据中的网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;在预设的显示区域创建网页图片入口标识;当接收到对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示网页图片数据。本发明可在移动终端浏览器页面中预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,进而在浏览器全屏显示窗口显示网页图片数据,在移动终端浏览器客户端应用程序侧实现网页图片的显示,用户可在浏览器全屏显示窗口查阅网页图片,提高了移动终端的智能性。
Description
技术领域
本发明涉及计算机领域,尤其涉及一种网页图片的显示方法及装置。
背景技术
通过浏览器客户端应用程序可以显示从网页服务器中获取到的数据,在手机、平板电脑等移动终端中,可通过移动终端浏览器实现移动互联网服务,例如,手机浏览器是一种用户在手机终端上通过无线通讯网络进行互联网内容浏览的移动互联网工具,其最主要的应用为网页浏览,同时也可以聚集大量的应用,如导航、社区、多媒体影音、天气、股市等。
现有移动终端浏览器中,通过网络从服务器请求到的图片数据经渲染后显示在浏览器的网页中,当多个相关图片通过不同页面或异步加载方式显示时,用户需在网页中查找并主动点击网页中的“下一页”或“上一页”按钮,才能在显示的下一页或上一页网页中查阅对应的下一个图片或上一个图片,网页中没有一个统一的入口标识以便于进入查阅多个相关图片的模式,又显示的图片为网页提供商根据需求设计且基于JS(Javascript,是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言)脚本实现,展现效果限制于网页设计人员,无法在移动终端浏览器客户端应用程序侧实现进入网页图片的查阅模式。
发明内容
本发明实施例提供一种网页图片的显示方法及装置。可在移动终端浏览器页面中预设的显示区域创建用于启动浏览器全屏显示窗口网页图片入口标识,进而在浏览器全屏显示窗口显示图片数据,在移动终端浏览器客户端应用程序侧实现网页图片的显示,提高了移动终端的智能性。
本发明第一方面提供一种网页图片的显示方法,可包括:
获取当前移动终端浏览器页面中的网页图片数据,所述网页图片数据包括:至少一个网页图片子文件和所述网页图片子文件的位置信息;
根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;
在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识;
当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
本发明第二方面提供一种网页图片的显示装置,可包括:
获取模块,用于获取当前移动终端浏览器页面中的网页图片数据,所述网页图片数据包括:至少一个网页图片子文件和所述网页图片子文件的位置信息;
确定模块,用于根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;
创建模块,用于在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识;
显示模块,用于当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
实施本发明实施例,具有如下有益效果:
本发明实施例可在移动终端浏览器页面中预设的显示区域创建网页图片入口标识,通过该网页图片入口标识可启动浏览器全屏显示窗口,并在浏览器全屏显示窗口显示图片数据,在移动终端浏览器客户端应用程序侧实现网页图片的显示,用户可在浏览器全屏显示窗口查阅网页图片,提高了移动终端的智能性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种网页图片的显示方法的流程图;
图2a为本发明实施例提供的网页图片入口标识的示意图;
图2b为本发明实施例提供的浏览器全屏显示窗口的示意图;
图3为本发明实施例提供的一种网页图片的显示装置的结构示意图;
图4为本发明实施例提供的确定模块的结构示意图;
图5为本发明实施例提供的创建模块的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例中,移动终端包括但不局限于:手机、平板电脑、个人数字助理(PDA,Personal Digital Assistant,又名掌上电脑)等终端设备。移动终端浏览器例如适合WAP(Wireless Application Protocol,无线应用协议)、WWW(World Wide Web,万维网)网页浏览的手机QQ浏览器等。网页图片包括网页内的图片和网页间的图片,网页内的图片指一个网页页面内所有的图片(网页页面内的广告,网页标识logo等图片除外),网页间的图片指分布在不同网页页面且有关联的图片,用户需要点击某个按钮才能展现的图片。
本发明公开了一种网页图片的显示方法及装置,包括:获取当前移动终端浏览器页面中的网页图片数据,所述网页图片数据包括:至少一个网页图片子文件和所述网页图片子文件的位置信息;根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识;当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
采用本发明实施例,可在移动终端浏览器页面中预设的显示区域创建网页图片入口标识,通过该网页图片入口标识可启动浏览器全屏显示窗口,并在浏览器全屏显示窗口显示图片数据,在移动终端浏览器客户端应用程序侧实现网页图片的显示,用户可在浏览器全屏显示窗口查阅页图片,提高了移动终端的智能性。
下面将结合附图1,对本发明实施例提供的网页图片的显示方法进行详细介绍。
请参见图1,为本发明实施例提供的一种网页图片的显示方法的流程图;该方法可包括以下步骤:S101~S104。
S101,获取当前移动终端浏览器页面中的网页图片数据,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息。
作为一种可选的实施方式,获取当前移动终端浏览器页面中的网页图片数据,其中,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息。具体的,根据当前移动终端浏览器页面中的网页图片子文件获取网页图片数据的DOM节点,若有父节点,则确定该网页图片子文件为套图关系,则遍历DOM树获取兄弟节点对应的网页图片子文件。其中,套图例如新闻、游记、写真等中是成套出现的网页图片,套图包括多个相关网页图片。获取到至少一个网页图片子文件后,获取网页图片子文件的位置信息,网页图片子文件的位置信息为网页图片子文件在网页页面中的显示位置信息。网页图片子文件的位置信息可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息,或者可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息。
S102,根据网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域。
作为一种可选的实施方式,获取到的网页图片子文件的位置信息,可以为可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息,或者可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息,则可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度、或显示屏幕的横轴坐标点的位置,再结合网页图片子文件的位置信息,在移动浏览器页面确定预设的显示区域,预设的显示区域可与网页图片子文件的显示区域一致,从而可将网页图片入口标识显示在网页图片子文件上方,便于用户查找和选择该网页图片入口标识。
作为一种可选的实施方式,若网页图片数据包括多个网页图片子文件,则多个网页图片子文件的位置信息相同。根据网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域具体可以包括:获取多个网页图片子文件的节点,多个网页图片子文件的节点互为兄弟节点;将网页图片入口标识的节点设为兄弟节点,从而根据网页图片子文件的位置信息确定预设的显示区域。具体的,将网页入口标识的节点设为与网页图片子文件的节点互为兄弟节点,即将网页入口标识的节点添加到网页图片子文件对应的父节点之下,则网页入口标识的位置信息与网页图片子文件的位置信息保持一致。其中,位于同一层且连接在同一父节点上的节点互为兄弟节点,本发明实施例中,套图图片在同一个父节点之下,各个网页图片子文件的节点属于同一层的节点,且在同一个父节点之下,则各个网页图片子文件的节点互为兄弟节点。网页入口标识的位置信息与网页图片子文件的位置信息保持一致,便于用户在查阅网页页面中的网页图片时,在网页页面显示的网页图片上方点选网页图片入口标识,以进入网页图片的查阅模式,无需在网页页面中网页图片显示区域以外的其他区域寻找入口标识。
S103,在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识。
作为一种可选的实施方式,在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,其中,网页图片入口标识包括但不局限于:预设的图片或预设的按钮,预设的图片例如:预设的缩略图、预设的图案等,预设的按钮例如预设的方形按钮、预设的圆点按钮等。
作为一种可选的实施方式,如图2a所示,为本发明实施例提供的网页图片入口标识的示意图,区域201为网页图片子文件的显示区域,202为网页入口标识,则网页入口标识202可以在区域201上方任一位置创建,例如在区域201的左上角、右上角、左下角或右下角等。
作为一种可选的实施方式,在移动终端浏览器页面创建浏览器全屏显示窗口,将网页图片入口标识与浏览器全屏显示窗口进行关联,从而当接收到对所述网页图片入口标识的触控指令时,可在移动终端浏览器页面显示与网页图片入口标识关联的浏览器全屏显示窗口。
本发明实施例中,可将预设的图片或预设的按钮转换为二进制数据,并赋值给事件触发函数,从而当接收到用户对该图片入口标识的触控时,可以触发执行对应的事件,本发明实施例中,触发执行对应的事件可以为触发打开浏览器全屏显示窗口,浏览器全屏显示窗口预先与图片入口标识进行关联,具体的,可以图片入口标识的触控事件与开启浏览器全屏显示窗口的事件进行关联。
作为一种可选的实施方式,在移动终端浏览器页面创建浏览器全屏显示窗口,浏览器全屏显示窗口为浏览器本地创建的显示窗口,为在移动终端浏览器客户端应用程序侧实现,而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素,浏览器全屏显示窗口也为浏览器本地自带的元素。可选的,浏览器全屏显示窗口可以为浮动在当前移动终端浏览器页面的窗口。
作为一种可选的实施方式,将网页图片入口标识与获取到的移动终端浏览器页面中的网页图片数据进行关联,具体的,可将图片入口标识的触控事件与获取到的移动终端浏览器页面中的网页图片数据进行关联,又网页图片入口标识与浏览器全屏显示窗口进行了关联,从而可在浏览器全屏显示窗口显示网页图片数据。
S104,当接收到对所述网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。
作为一种可选的实施方式,当接收到对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。具体的,用户在如手机的浏览器页面中用手或触屏笔触控网页图片入口标识,图片入口标识显示在网页页面中的网页图片的上方,便于用户查找并触控,移动终端接收到用户对网页图片入口标识的触控指令。又网页图片入口标识已与浏览器全屏显示窗口进行关联,则当接收到用户对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口。
作为一种可选的实施方式,网页图片入口标识已与网页图片数据进行关联可在浏览器全屏显示窗口中预设的第一显示区域显示获取到的当前移动终端浏览器页面中的网页图片子文件,在浏览器全屏显示窗口中预设的第二显示区域显示网页图片子文件的缩略图以及网页图片子文件的相邻网页图片子文件的缩略图,预设的第一显示区域大于预设的第二显示区域,从而用户可在浏览器全屏显示窗口查阅网页图片子文件,还可以直接在浏览器全屏显示窗口进行查阅上一张或下一张网页图片子文件,无需再打开新的网页以查阅上一张或下一张网页图片子文件。
作为一种可选的实施方式,如图2b所示,为本发明实施例提供的浏览器全屏显示窗口的示意图,如图2b所示,在区域203显示网页图片子文件:图片1,在区域204显示网页图片子文件1的缩略图以及网页图片子文件1的相邻网页图片子文件的缩略图:图片1的缩略图、图片2的缩略图以及图片3的缩略图。
本发明实施例提供一种网页图片的显示方法,可获取当前移动终端浏览器页面中的网页图片数据,其中,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息,进而根据网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域,在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,从而当接收到对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示,用户可在浏览器全屏显示窗口查阅页图片,提高了移动终端的智能性。
下面将结合附图3,对本发明实施例提供的网页图片的显示装置进行详细介绍。需要说明的是,附图3所示的网页图片的显示装置,用于执行本发明图1所示实施例的方法,为了便于说明,仅示出了与本发明实施例相关的部分,具体技术细节未揭示的,请参照本发明图1所示的实施例。
请参见图3,为本发明实施例提供的一种网页图片的显示装置的结构示意图;该装置可包括:获取模块301、确定模块302、创建模块303和显示模块304。获取模块301与确定模块302连接,确定模块302与创建模块303连接,显示模块304分别与获取模块301和创建模块303连接。
获取模块301,用于获取当前移动终端浏览器页面中的网页图片数据,所述网页图片数据包括:至少一个网页图片子文件和所述网页图片子文件的位置信息。
作为一种可选的实施方式,获取模块301获取当前移动终端浏览器页面中的网页图片数据,其中,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息。具体的,获取模块301根据当前移动终端浏览器页面中的网页图片子文件获取网页图片数据的DOM节点,若有父节点,则确定该网页图片子文件为套图关系,则遍历DOM树获取兄弟节点对应的网页图片子文件。其中,套图例如新闻、游记、写真等中是成套出现的网页图片,套图包括多个相关网页图片。获取到至少一个网页图片子文件后,获取网页图片子文件的位置信息,网页图片子文件的位置信息为网页图片子文件在网页页面中的显示位置信息。网页图片子文件的位置信息可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息,或者可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息。
确定模块302,用于根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域。
作为一种可选的实施方式,获取模块301获取到的网页图片子文件的位置信息,可以为可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息,或者可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息,则可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度、或显示屏幕的横轴坐标点的位置,再结合网页图片子文件的位置信息,在移动浏览器页面确定预设的显示区域。
进一步可选的,若网页图片数据包括多个网页图片子文件,则多个网页图片子文件的位置信息相同,可以将网页图片入口标识的节点设为与网页图片子文件的节点互为兄弟节点,从而根据网页图片子文件的位置信息确定预设的显示区域,预设的显示区域可与网页图片子文件的显示区域一致,从而可将网页图片入口标识显示在网页图片子文件上方,便于用户查找和选择该网页图片入口标识。其中,位于同一层且连接在同一父节点上的节点互为兄弟节点,本发明实施例中,套图图片在同一个父节点之下,各个网页图片子文件的节点属于同一层的节点,且在同一个父节点之下,则各个网页图片子文件的节点互为兄弟节点。
创建模块303,用于在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识。
作为一种可选的实施方式,在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,其中,网页图片入口标识包括但不局限于:预设的图片或预设的按钮,预设的图片例如:预设的缩略图、预设的图案等,预设的按钮例如预设的方形按钮、预设的圆点按钮等。
作为一种可选的实施方式,如图2a所示,为本发明实施例提供的网页图片入口标识的示意图,区域201为网页图片子文件的显示区域,202为网页入口标识,则网页入口标识202可以在区域201上方任一位置创建,例如在区域201的左上角、右上角、左下角或右下角等。
作为一种可选的实施方式,在移动终端浏览器页面创建浏览器全屏显示窗口,浏览器全屏显示窗口为浏览器本地创建的显示窗口,为在移动终端浏览器客户端应用程序侧实现,而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素,浏览器全屏显示窗口也为浏览器本地自带的元素。可选的,浏览器全屏显示窗口可以为浮动在当前移动终端浏览器页面的窗口。
显示模块304,用于当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
作为一种可选的实施方式,当接收到对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。具体的,用户在如手机的浏览器页面中用手或触屏笔触控网页图片入口标识,图片入口标识显示在网页页面中的网页图片的上方,便于用户查找并触控,移动终端接收到用户对网页图片入口标识的触控指令。又网页图片入口标识已与浏览器全屏显示窗口进行关联,则当接收到用户对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口。
作为一种可选的实施方式,网页图片入口标识已与网页图片数据进行关联可在浏览器全屏显示窗口中预设的第一显示区域显示获取到的当前移动终端浏览器页面中的网页图片子文件,在浏览器全屏显示窗口中预设的第二显示区域显示网页图片子文件的缩略图以及网页图片子文件的相邻网页图片子文件的缩略图,预设的第一显示区域大于预设的第二显示区域,从而用户可在浏览器全屏显示窗口查阅网页图片子文件,还可以直接在浏览器全屏显示窗口进行查阅上一张或下一张网页图片子文件,无需再打开新的网页以查阅上一张或下一张网页图片子文件。
作为一种可选的实施方式,如图2b所示,为本发明实施例提供的浏览器全屏显示窗口的示意图,如图2b所示,在区域203显示网页图片子文件:图片1,在区域204显示网页图片子文件1的缩略图以及网页图片子文件1的相邻网页图片子文件的缩略图:图片1的缩略图、图片2的缩略图以及图片3的缩略图。
本发明实施例中提供一种网页图片的显示装置,获取模块可获取当前移动终端浏览器页面中的网页图片数据,其中,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息,进而确定模块根据网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域,创建模块在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,从而当接收到对网页图片入口标识的触控指令时,显示模块在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示,用户可在浏览器全屏显示窗口查阅页图片,提高了移动终端的智能性。
下面将结合附图4~图5,分别对图3所示的确定模块和创建模块的结构和功能进行详细介绍。
请参见图4,为本发明实施例提供的确定模块的结构示意图;该确定模块302可包括:节点获取单元3021和设置单元3022。
节点获取单元3021,用于获取多个网页图片子文件的节点,多个网页图片子文件的节点互为兄弟节点。
设置单元3022,用于将网页图片入口标识的节点设为所述兄弟节点,从而根据所述网页图片子文件的位置信息确定预设的显示区域。
作为一种可选的实施方式,若网页图片数据包括多个网页图片子文件,则多个网页图片子文件的位置信息相同。节点获取单元3021获取多个网页图片子文件的节点,多个网页图片子文件的节点互为兄弟节点,设置单元3022将网页图片入口标识的节点设为兄弟节点,从而根据网页图片子文件的位置信息确定预设的显示区域。
具体的,将网页入口标识的节点设为与网页图片子文件的节点互为兄弟节点,即将网页入口标识的节点添加到网页图片子文件对应的父节点之下,则网页入口标识的位置信息与网页图片子文件的位置信息保持一致。网页入口标识的位置信息与网页图片子文件的位置信息保持一致,便于用户在查阅网页页面中的网页图片时,在网页页面显示的网页图片上方点选网页图片入口标识,以进入网页图片的查阅模式,无需在网页页面中网页图片显示区域以外的其他区域寻找入口标识。
需要说明的是,附图4所示的确定模块的结构和功能可通过本发明图1所示实施例的方法具体实现,该具体实现过程可参见图1所示实施例的相关描述,在此不赘述。
请参见图5,为本发明实施例提供的创建模块的结构示意图;该创建模块303可包括:第一关联单元3031、窗口创建单元3032和第二关联单元3033。
第一关联单元3031,用于将所述网页图片入口标识与所述获取到的移动终端浏览器页面中的网页图片数据进行关联。
作为一种可选的实施方式,在移动终端浏览器页面创建浏览器全屏显示窗口,将网页图片入口标识与浏览器全屏显示窗口进行关联,从而当接收到对所述网页图片入口标识的触控指令时,可在移动终端浏览器页面显示与网页图片入口标识关联的浏览器全屏显示窗口。
本发明实施例中,可将预设的图片或预设的按钮转换为二进制数据,并赋值给事件触发函数,从而当接收到用户对该图片入口标识的触控时,可以触发执行对应的事件,本发明实施例中,触发执行对应的事件可以为触发打开浏览器全屏显示窗口,浏览器全屏显示窗口预先与图片入口标识进行关联,具体的,可以图片入口标识的触控事件与开启浏览器全屏显示窗口的事件进行关联。
窗口创建单元3032,用于在移动终端浏览器页面创建所述浏览器全屏显示窗口。
作为一种可选的实施方式,在移动终端浏览器页面创建浏览器全屏显示窗口,浏览器全屏显示窗口为浏览器本地创建的显示窗口,为在移动终端浏览器客户端应用程序侧实现,而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素,浏览器全屏显示窗口也为浏览器本地自带的元素。可选的,浏览器全屏显示窗口可以为浮动在当前移动终端浏览器页面的窗口。
第二关联单元3033,用于将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联。
作为一种可选的实施方式,将网页图片入口标识与获取到的移动终端浏览器页面中的网页图片数据进行关联,具体的,可将图片入口标识的触控事件与获取到的移动终端浏览器页面中的网页图片数据进行关联,又网页图片入口标识与浏览器全屏显示窗口进行了关联,从而可在浏览器全屏显示窗口显示网页图片数据。
需要说明的是,附图5所示的创建模块的结构和功能可通过本发明图1所示实施例的方法具体实现,该具体实现过程可参见图1所示实施例的相关描述,在此不赘述。
本发明实施例还公开了一种移动终端,包括显示屏幕和移动终端浏览器,显示屏幕用于显示数据,例如显示浏览器页面和浏览器全屏显示窗口等,移动终端浏览器如图3-图5所示的装置;该装置的结构和功能可参见图3-图5所示实施例的相关描述,在此不赘述。需要说明的是,本实施例的终端可应用于上述方法中。
通过上述实施例的描述,本发明实施例提供一种网页图片的显示方法及装置,可获取当前移动终端浏览器页面中的网页图片数据,其中,网页图片数据包括:至少一个网页图片子文件和网页图片子文件的位置信息,进而根据网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域,在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,从而当接收到对网页图片入口标识的触控指令时,在移动终端浏览器页面显示浏览器全屏显示窗口,并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示,用户可在浏览器全屏显示窗口查阅页图片,提高了移动终端的智能性。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。
Claims (9)
1.一种网页图片的显示方法,其特征在于,所述方法包括:
根据当前移动终端浏览器页面中的网页图片子文件获取网页图片子文件的DOM节点,若所述网页图片子文件的DOM节点有父节点,则确定所述网页图片子文件为套图关系;
遍历所述网页图片子文件的DOM节点对应的DOM树以获取所述网页图片子文件的DOM节点的兄弟节点;
获取所述兄弟节点对应的网页图片子文件;
获取到多个网页图片子文件后,获取所述多个网页图片子文件的位置信息;所述多个网页图片子文件的位置信息相同;
根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;
在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,所述网页图片入口标识的节点被配置为所述网页图片子文件的DOM节点的兄弟节点;
所述浏览器全屏显示窗口为浏览器本地创建的显示窗口;
在所述移动终端浏览器页面创建浏览器全屏显示窗口,将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联;
当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的多个网页图片子文件。
2.如权利要求1所述的方法,其特征在于,所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,包括:
将所述网页图片入口标识与所述获取到的移动终端浏览器页面中的网页图片数据进行关联。
3.如权利要求1所述的方法,其特征在于,所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识,包括:
在移动终端浏览器页面创建所述浏览器全屏显示窗口;
所述当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示所述浏览器全屏显示窗口,具体为:
在所述移动终端浏览器页面显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口。
4.如权利要求1~3任一所述的方法,其特征在于,所述网页图片入口标识包括:预设的图片或预设的按钮。
5.一种网页图片的显示装置,其特征在于,所述装置包括:
获取模块,用于获取当前移动终端浏览器页面中的网页图片数据,所述网页图片数据包括:多个网页图片子文件和所述网页图片子文件的位置信息;所述多个网页图片子文件的位置信息相同;
确定模块,用于根据所述网页图片子文件的位置信息在移动终端浏览器页面确定预设的显示区域;
所述获取模块,具体用于根据当前移动终端浏览器页面中的网页图片子文件获取网页图片子文件的DOM节点,若所述网页图片子文件的DOM节点有父节点,则确定所述网页图片子文件为套图关系;
遍历所述网页图片子文件的DOM节点对应的DOM树以获取所述网页图片子文件的DOM节点的兄弟节点;
获取所述兄弟节点对应的网页图片子文件;
获取到多个网页图片子文件后,获取所述多个网页图片子文件的位置信息;
所述确定模块包括:
节点获取单元,用于获取所述多个网页图片子文件的节点,所述多个网页图片子文件的节点互为兄弟节点;
设置单元,用于将所述网页图片入口标识的节点设为所述兄弟节点,从而根据所述网页图片子文件的位置信息确定预设的显示区域;
创建模块,用于在所述移动终端浏览器页面创建浏览器全屏显示窗口,在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识;所述浏览器全屏显示窗口为浏览器本地创建的显示窗口;
所述创建模块还包括第二关联单元,用于将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联;
显示模块,用于当接收到对所述网页图片入口标识的触控指令时,在所述移动终端浏览器页面显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口,并在所述浏览器全屏显示窗口显示所述获取到的多个网页图片子文件。
6.如权利要求5所述的装置,其特征在于,所述创建模块包括:
第一关联单元,用于将所述网页图片入口标识与所述获取到的移动终端浏览器页面中的网页图片数据进行关联。
7.如权利要求5所述的装置,其特征在于,所述创建模块包括:
窗口创建单元,用于在移动终端浏览器页面创建所述浏览器全屏显示窗口;
所述显示模块具体用于:在所述移动终端浏览器页面显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口。
8.如权利要求5~7任一所述的装置,其特征在于,所述网页图片入口标识包括:预设的图片或预设的按钮。
9.一种计算机可读取存储介质,其特征在于,所述计算机可读取存储介质存储有用于执行如权利要求1-4任一项所述的方法的程序。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310530141.XA CN104598467B (zh) | 2013-10-30 | 2013-10-30 | 一种网页图片的显示方法及装置 |
PCT/CN2014/088363 WO2015062402A1 (zh) | 2013-10-30 | 2014-10-11 | 一种网页图片的显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310530141.XA CN104598467B (zh) | 2013-10-30 | 2013-10-30 | 一种网页图片的显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104598467A CN104598467A (zh) | 2015-05-06 |
CN104598467B true CN104598467B (zh) | 2020-03-20 |
Family
ID=53003308
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310530141.XA Active CN104598467B (zh) | 2013-10-30 | 2013-10-30 | 一种网页图片的显示方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN104598467B (zh) |
WO (1) | WO2015062402A1 (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106570032B (zh) * | 2015-10-13 | 2020-06-09 | 阿里巴巴集团控股有限公司 | 一种控制网页页面的方法及装置 |
CN105897902B (zh) * | 2016-05-05 | 2018-10-19 | 北京思特奇信息技术股份有限公司 | 一种通过浏览器启动本地应用的方法及系统 |
CN109597669A (zh) * | 2018-11-20 | 2019-04-09 | 湖南快乐阳光互动娱乐传媒有限公司 | 适应不同尺寸屏幕的开机图片全屏展示方法及系统 |
JP7010268B2 (ja) * | 2019-04-19 | 2022-01-26 | オムロン株式会社 | 通信監視システムおよび通信監視方法 |
CN111222065B (zh) * | 2019-12-30 | 2024-02-02 | 瑞庭网络技术(上海)有限公司 | 一种信息展示方法、装置、电子设备及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101697156A (zh) * | 2009-10-29 | 2010-04-21 | 孟智平 | 一种构造链式网页的方法及系统 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN102999341A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 用于网页的图片全屏浏览方法和装置 |
CN102999342A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 一种网页中图片的全屏浏览方法及其装置 |
CN103092833A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 一种在手机浏览器中查看图片的方法、装置及移动设备 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7788577B2 (en) * | 2005-09-23 | 2010-08-31 | Google Inc. | Displaying information on a mobile device |
CN101695198B (zh) * | 2009-11-02 | 2012-01-18 | 中国电信股份有限公司 | 实现无线应用通讯协议页面图片优化的方法和系统 |
CN102368243B (zh) * | 2011-09-08 | 2013-12-25 | 广州市动景计算机科技有限公司 | 用于在无图浏览模式下查看图片的方法、装置及移动终端 |
-
2013
- 2013-10-30 CN CN201310530141.XA patent/CN104598467B/zh active Active
-
2014
- 2014-10-11 WO PCT/CN2014/088363 patent/WO2015062402A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101697156A (zh) * | 2009-10-29 | 2010-04-21 | 孟智平 | 一种构造链式网页的方法及系统 |
CN103092833A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 一种在手机浏览器中查看图片的方法、装置及移动设备 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN102999341A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 用于网页的图片全屏浏览方法和装置 |
CN102999342A (zh) * | 2012-11-28 | 2013-03-27 | 北京奇虎科技有限公司 | 一种网页中图片的全屏浏览方法及其装置 |
Also Published As
Publication number | Publication date |
---|---|
WO2015062402A1 (zh) | 2015-05-07 |
CN104598467A (zh) | 2015-05-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10228835B2 (en) | Method for displaying information, and terminal equipment | |
CN102123195B (zh) | 在通信终端中提供书签服务的设备和方法 | |
US9311283B2 (en) | System for clipping webpages by traversing a dom, and highlighting a minimum number of words | |
CN104598467B (zh) | 一种网页图片的显示方法及装置 | |
CN102591950B (zh) | 基于移动终端的网页图片浏览方法及装置 | |
US20200073903A1 (en) | Method and device of tagging links included in a screenshot of webpage | |
US20140075290A1 (en) | Window switching method and apparatus | |
CN102819555A (zh) | 一种在网页的阅读模式中进行推荐信息加载的方法和装置 | |
JP7104242B2 (ja) | 個人情報を共有する方法、装置、端末設備及び記憶媒体 | |
CN112988006B (zh) | 显示方法、装置、电子设备和存储介质 | |
CN104598468A (zh) | 一种网页图片的显示方法及装置 | |
JP2014149860A (ja) | 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末 | |
CN105022810A (zh) | 一种显示页面位置浏览信息的方法和装置 | |
CN103744575A (zh) | 一种用于提供输入应用的输入辅助区域的方法与设备 | |
CN108475182A (zh) | 数据处理方法以及电子终端 | |
CN112149025A (zh) | 媒体资源展示方法和装置、存储介质及电子设备 | |
CN105653612A (zh) | 页面渲染方法及装置 | |
US20140337709A1 (en) | Method and apparatus for displaying web page | |
CN104462528A (zh) | 基于移动终端的网页图片浏览方法及装置 | |
US20160210271A1 (en) | Information processing terminal and information processing method | |
KR102523006B1 (ko) | 컨텐츠 목록 제공 방법, 장치 및 컴퓨터 프로그램 | |
CN111061532A (zh) | 一种壁纸展示方法及终端设备 | |
CN108572980B (zh) | 一种网页分屏显示方法和装置 | |
WO2013188317A1 (en) | Active web page consolidator | |
CN112799552A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |