一种网页中图片的全屏浏览方法及其装置制造方法及图纸

本发明专利技术公开了一种网页中图片的全屏浏览方法及其装置，其中所述方法包括：在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息；在当前网页子进程中监测到对当前所述图片元素的输入选择事件，将当前图片元素的位置信息和图片信息向浏览器主进程发送；依据当前图片元素的位置信息，浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；接收用户对图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在全屏显示窗口中加载当前图片元素的图片信息。本发明专利技术中，在浏览器主进程中建立对一个或多个网页标签中的图片元素全屏浏览的机制，避免了在浏览器中执行图片全屏浏览时造成的浏览器故障问题。

【技术实现步骤摘要】

本专利技术属于互联网
，具体地说，涉及一种网页中图片的全屏浏览方法及其装置。
技术介绍
浏览器是最经常使用到的客户端程序，借助浏览器可以显示从网页服务器或者文件系统获取的超文本标记语言(Hypertext Markup Language,以下简称HTML)文件内容，并便于用户与获取的HTML文件进行交互。其中，从网页服务器获取HTML文件的浏览器即网页浏览器，个人电脑上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、Apple 的 Safari, 0pera>Google Chrome>GreenBrowser 浏览器、360 安全浏览器、搜狗高速浏览器、天天浏览器、腾讯TT、傲游浏览器、百度浏览器、腾讯QQ浏览器等。网页浏览器的工作原理可概括为通过HTTP协议与网页服务器交互并获取HTML文件并以网页的形式呈现给用户，这些网页文件格式通常为HTML，并由多用途网际网路邮件延伸标准(Multipurpose Internet MailExtensions,MIME)在 HTTP 协议中指明，并通过统一资源定位符(Uniform/Universal Resource Locator,以下简称URL)进行指定。许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS (HTTP协议的加密版本)。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等网页元素。目前，大部分的浏览器本身还支持除HTML之外的广泛的格式，例如JPEG、PNG、GIF等图片格式，并且能够扩展支持众多的插件(plug-1ns)，网页中每个文档都是分别从网页服务器获取。以在网页中显示图片为例，网页中都会设置针对该图片的图片工具条，通过操作该工具条，实现图片的全屏显示、图片的切换、图片的缩放等。现有的图片工具条的加载是在当前网页页面进程中完成，使用当前网页中的javascript脚本生成DIV层的弹窗，在弹窗中加载有工具条，以呈现工具条，例如，如图1所示，是在网页中针对某一图片(图中黑色矩形为图片位置)的工具条，图中的双箭头标记为实现图片全屏显示的工具条，当鼠标悬停在图片上时，图片进行全屏显示。上述方案中是使用JS脚本实现的，对于弹窗的内容完全是有网页提供商根据自己的需要进行设计的。而且由于是JS脚本的实现，其展现的效果限制于网页设计人员，其中会经常出现由于JS脚本设计的程序问题而导致浏览器崩溃的问题，然而由于又无法在浏览器侧解决技术问题，导致浏览器侧的故障问题。所以，目前迫切需要本领域解决的一个技术问题就是提供一种基于浏览器侧的网页图片元素处理方案，用来解决在浏览器中执行图片全屏浏览时造成的浏览器故障问题。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种网页中图片的全屏浏览方法及其装置，用来解决在浏览器子进程中执行图片全屏浏览时造成的浏览器故障问题。根据本专利技术的一个方面，提供了一种网页中图片的全屏浏览方法，该方法包括在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信在当前所述网页子进程中监测到对当前所述图片元素的输入选择事件，将当前所 述图片元素的位置信息和图片信息向浏览器主进程发送；依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示 图片全屏显示工具标记；接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口， 并在所述全屏显示窗口中加载当前所述图片元素的图片信息。优选的，在根据本专利技术的所述的方法中，所述在网页子进程中打开当前网页标签， 并获取网页中图片元素的位置信息和图片信息包括当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及将所述图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。优选的，在根据本专利技术的所述的方法中，在所述全屏显示窗口中加载所述当前图 片的图片信息包括从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所 述全屏显示窗口。优选的，在根据本专利技术的所述的方法中，所述在网页子进程中打开当前网页标签 还包括当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片 信息保存至当前所述网页子进程的缓存中。优选的，在根据本专利技术的所述的方法中，所述相邻图片元素为当前网页标签相关 联的网页中的图片元素。优选的，在根据本专利技术的所述的方法中，在所述全屏显示窗口中加载所述当前图 片的图片信息包括从当前所述网页子进程的缓存中获取并加载所述当前图片的图片信息至所述全 屏显示窗口 ；以及从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图 片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素 的图片信息。优选的，在根据本专利技术的所述的方法中，所述图片元素的输入选择事件包括如下 任一种事件鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、 触摸长按事件、触摸滑动事件、键盘选定。优选的，在根据本专利技术的所述的方法中，在主进程中创建全屏显示窗口包括依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口 ；加载一背景图于所述全屏显示窗口中。优选的，在根据本专利技术的所述的方法还包括当在当前所述网页子进程中监测到对所述图片元素的取消选择事件时，当前所述网页子进程通知所述浏览器主进程隐藏所述图片全屏显示工具标记。优选的，在根据本专利技术的所述的方法中，所述图片元素的取消选择事件包括如下任一种事件鼠标移出事件、触摸弹起事件、键盘取消。优选的，在根据本专利技术的所述的方法中，所述指定位置为所述图片元素区域内任一位置；或者为所述图片元素边缘处一位置。优选的，在根据本专利技术的所述的方法中，当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的图片全屏显示工具标记在所述一个或多个网页子进程之间交互使用。优选的，在根据本专利技术的所述的方法还包括在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。优选的，在根据本专利技术的所述的方法中，所述图片元素的图片信息包括所述图片元素的属性信息和图片数据。优选的，在根据本专利技术的所述的方法中，所述图片元素的位置信息包括所述图片元素在所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。根据本专利技术的另一个方面，提供了一种网页中图片的全屏浏览装置，该装置包括生成与获取模块，用于在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息；监测与发送模块，用于在当前所述网页子进程中监测到对当前所述图片元素的输入选择事件，将当前所述图片元素的位置信息和图片信息向浏览器主进程发送；创建与显示模块，用于依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；创建与加载模块，用于接收用户对所述图片全屏显示工具标记的触发，在主进程中本文档来自技高网...

【技术保护点】
一种网页中图片的全屏浏览方法，包括：在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息；在当前所述网页子进程中监测到对当前所述图片元素的输入选择事件，将当前所述图片元素的位置信息和图片信息向浏览器主进程发送；依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息。

【技术特征摘要】

【专利技术属性】
技术研发人员：谢志宏，李林，莫宇龙，任寰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：