[发明专利]一种在浏览器中进行图片加载的方法、装置和浏览器

说明书

技术领域

本发明涉及计算机的技术领域，具体涉及一种在浏览器中进行图片加载的方法、一种在浏览器中进行图片加载的装置，以及，一种浏览器。

背景技术

随着互联网应用的日趋普及，互联网应用正在从单一的访问和浏览网页转变得更为丰富，在此过程中，用户对图片进行编辑美化的个性化需求越来越普遍，但是很多应用无法支持用户对图片进行编辑美化的个性化需求。

例如浏览器加载渲染HTML（HyperText Markup Language，超文本标记语言）网页。浏览器是指可以显示网页服务器或者文件系统的HTML（HyperText Markup Language，超文本标记语言）文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP（HTTP-Hypertext transfer protocol，超文本传输协议）协议与网页服务器交互并获取网页，这些网页由URL（UniformResourceLocator，统一资源定位符）指定，文件格式通常为HTML，并由MIME（Multipurpose Internet Mail Extensions，多用途互联网邮件扩展）在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。

大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。

HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。

以下是浏览器加载渲染HTML网页中加载图片的过程：

1.用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；

2.浏览器开始载入html代码，发现＜head＞标签内有一个＜link＞标签引用外部CSS文件；

3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件；

4.浏览器继续载入html中＜body＞部分的代码，并且已经接收到CSS文件，可以开始渲染页面；

5.浏览器在代码中发现一个＜img＞标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。

浏览器对于图片元素的加载和渲染是在正常的网页元素进行加载的，浏览器渲染引擎在图片元素识别后，按照HTML语言的图片元素的标签的格式进行识别，然后向对应的服务器下载对应的图片。

按照HTML的标准进行图片元素的识别和渲染，浏览器引擎就是简单地完成一张图片的加载，图片本身的内容决定了图片加载后显示的内容，浏览器一般不会对图片进行非图片内容的其它渲染工作，即仅仅是静态的图片加载，并不支持用户对图片进行编辑美化的个性化需求。

在浏览器中加载的图片的动态效果，例如加载配套的声音或者动画效果，都是由图片内容来提供的。可以使用JS（JavaScript，脚本语言）实现一些动态的效果——加载多张图片用以进行切换、播放对应的背景或者在后台播放声音，即可以通过JS动态地加载声音文件、动画图片等。

但是JS的编写操作复杂，一般用户不具备JS的编写能力，占用系统资源多，此外服务器一般不支持客户端对网页的JS进行再次编写，即不支持用户对图片进行编辑美化的个性化需求。由于JS的编写习惯不一样，各种JS的运行和浏览器不一定匹配，可能会出现JS运行不兼容的问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于网页渲染的图片渲染方法和相应的一种基于网页渲染的图片渲染装置以及一种浏览器。

依据本发明的一个方面，提供了一种在浏览器中进行图片加载的方法，包括：

当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

依据所述特征码图像数据获取对应的富媒体资源，并将获取的富媒体资源与所述特征图片一处进行加载。

可选地，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

可选地，所述获取当前页面符合预设条件的特征图片的步骤包括：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并