网页图片的操作方法、装置、终端及存储介质制造方法及图纸

本申请公开了一种网页图片的操作方法、装置、终端及存储介质，属于计算机技术领域。该方法包括：显示目标网页，所述目标网页包括至少一张网页图片；获取对所述至少一张网页图片中的目标网页图片的操作信号；获取所述目标网页图片的图片属性；从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，所述目标图片数据为目标网页图片对应的图片数据，所述浏览器内核用于对所述目标网页进行解析和渲染；根据所述操作信号对所述目标图片数据进行操作。本申请可以解决浏览器运行js脚本来获取网页图片的图片数据，导致浏览器加载网页的速度变慢的问题，可以提高浏览器加载网页的速度。

Operation method, device, terminal and storage medium for web page picture

The application discloses a method, device, terminal and storage medium for web page pictures, belonging to the field of computer technology. The method includes: displaying the target page, the target page includes at least one page picture, obtaining an operation signal of the target page picture in the at least one page picture, obtaining the picture attributes of the target page picture, and determining the order of the picture attributes from the picture numbers stored in the browser kernel. The target picture data is the picture data corresponding to the target page picture, the browser kernel is used to parse and render the target page, and operates the target picture data according to the operating signal. This application can solve the browser's JS script to get the picture data of the page picture, which causes the browser to load the web page slowly. It can improve the speed of the browser loading the web page.

【技术实现步骤摘要】
网页图片的操作方法、装置、终端及存储介质
本申请实施例涉及计算机
，特别涉及一种网页图片的操作方法、装置、终端及存储介质。
技术介绍
随着网络技术的发展，浏览器支持显示的内容日益丰富。目前，浏览器可以支持显示网页图片。为了方便用户对网页图片进行操作，浏览器需要获取到网页图片的图片数据，并根据用户执行的操作信号对图片数据进行相应的操作。比如：根据用户执行的放大操作的操作信号，对图片数据进行放大处理、根据用户执行的旋转操作的操作信号，对图片数据进行旋转处理等。在一种典型的操作网页图片的方法中，浏览器预先在网页中注入Javascript(js)脚本。浏览器通过浏览器内核对网页进行解析并渲染，然后，通过浏览器壳程序显示该网页；之后，浏览器运行网页中的js脚本来获取该网页中所有网页图片的URL地址，根据该URL地址获取到每张网页图片的图片数据并存储；在接收到对目标网页图片的操作信号时，浏览器从js脚本获取到的图片数据中获取该目标网页图片的图片数据，并根据该操作信号对该图片数据进行处理。然而，浏览器运行js脚本来获取网页图片的图片数据时，需要向服务器发送图片获取请求、接收服务器发送的图片数据等过程，会拖慢浏览器加载网页的速度。
技术实现思路
本申请实施例提供的网页图片的操作方法、装置、服务器及存储介质，可以解决浏览器通过运行js脚本来获取网页图片的图片数据，导致浏览器加载网页的速度较慢的问题。所述技术方案如下：第一方面，提供了一种网页图片的操作方法，所述方法包括：显示目标网页，所述目标网页包括至少一张网页图片；获取对所述至少一张网页图片中的目标网页图片的操作信号；获取所述目标网页图片的图片属性；从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，所述目标图片数据为目标网页图片对应的图片数据，所述浏览器内核用于对所述目标网页进行解析和渲染；根据所述操作信号对所述目标图片数据进行操作。第二方面，提供了一种网页图片的操作装置，所述装置包括：网页显示单元，用于显示目标网页，所述目标网页包括至少一张网页图片；操作获取单元，用于获取对所述至少一张网页图片中的目标网页图片的操作信号；属性获取单元，用于获取所述目标网页图片的图片属性；数据确定单元，用于从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，所述目标图片数据为目标网页图片对应的图片数据，所述浏览器内核用于对所述目标网页进行解析和渲染；图片操作单元，用于根据所述操作信号对所述目标图片数据进行操作。第三方面，提供了一种终端，所述终端包括处理器、与所述处理器相连的存储器，以及存储在所述存储器上的程序指令，所述处理器执行所述程序指令时实现第一方面提供的网页图片的操作方法。第四方面，一种计算机可读介质，其上存储有程序指令，所述程序指令被处理器执行时实现第一方面提供的网页图片的操作方法。本申请实施例提供的技术方案带来的有益效果包括：通过在接收到对目标网页中的目标网页图片的操作信号时，根据该目标网页图片的图片属性从浏览器内核存储的图片数据中查找目标图片数据，然后根据该操作信号对该目标图片数据进行操作；可以解决浏览器运行js脚本来获取网页图片的图片数据，导致浏览器加载网页的速度变慢的问题；由于已存储的图片数据是浏览器内核在对目标网页的网页代码进行解析时获取到的，浏览器直接获取已经存储的目标网页图片的图片数据，而无需运行js脚本来获取图片数据，可以提高浏览器加载网页的速度。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请一个实施例提供的浏览器的结构示意图；图2是本申请另一个实施例提供的浏览器的结构示意图；图3是本申请一个示例性实施例提供的网页图片的操作方法的流程图；图4是本申请一个示例性实施例提供的网页图片的操作方法的流程图；图5是本申请一个示例性实施例提供的浏览器内核中的图片数据的示意图；图6是本申请一个示例性实施例提供的接收操作信号的示意图；图7是本申请一个示例性实施例提供的确定目标图片数据的流程图；图8是本申请一个示例性实施例提供的图片显示页面的示意图；图9是本申请另一个示例性实施例提供的图片显示页面的示意图；图10是本申请一个实施例提供的网页图片的操作装置的结构方框图；图11是本申请一个实施例提供的服务器的结构方框图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。首先，对本申请涉及的若干名词进行介绍。浏览器：是指可以显示服务器或者超级文本标记语言(HyperTextMarkupLanguage，HTML)文件中的内容，并允许用户与这些内容进行交互的客户端。可选地，本申请中的服务器用于为浏览器提供后台服务。参考图1，浏览器包括但不限于以下组件：用户界面(UserInterface)110、浏览器引擎(browserengine)120、浏览器内核(RenderingEngine)130、网络接口(Networking)140、用户界面后端(UIBackend)150、JavaScript(JS)解释器160和数据存储(DataPersistence)170。1、用户界面110：用于供用户与浏览器之间进行交互。用户界面110包括地址输入框、后退/前进控件、书签目录等。2、浏览器引擎120：用于查询及操作浏览器内核的接口。3、浏览器内核130，或称渲染引擎、排版引擎、解释引擎等：用于对网页进行渲染。换句话说，浏览器内核用于将网页的代码转换为可视页面。浏览器内核决定了浏览器如何显示网页的内容(即，网页布局)以及网页的格式信息。浏览器内核包括但不限于：Chromium(跨平台)内核、Trident内核(或称，网络探索者(InternetExplorer，IE)内核)、Gecko(跨平台)内核(或称，火狐内核)等，当然，也可以是后续开发出的浏览器内核，本实施例在此不再一一列举。示意性地，浏览器内核130的工作过程至少包括如下几个步骤：1)将网页的HTML代码转化成文件对象模型(DocumentObjectModel，DOM。其中，DOM是表示和处理一个HTML或可扩展标记语言(eXtensibleMarkupLanguage，XML)文档的常用方法。由于DOM可以用于任何编程语言，因此，通过将HTML代码转化成DOM，实现了让HTML代码在不同的平台上的移植。2)将网页的层叠样式表(CascadingStyleSheets，CSS)代码转化成CSS对象模型(CSSObjectModel，CSSOM)。其中，CSS是用来表现HTML或XML等文件样式的计算机语言。CSSOM3)结合DOM和CSSOM，生成一棵渲染树。渲染树包含每个节点的视觉信息。渲染树中的每一段字符串都被当做独立的渲染对象，每一个渲染对象都是其对应的DOM结构和计算所得样式的混合体，也即，渲染树是DOM树的视觉表现。4)生成布局(layout)。也即将渲染树的所有节点进行平面合成。5)将布局绘制(paint)在用户界面上。4本文档来自技高网...

【技术保护点】
1.一种网页图片的操作方法，其特征在于，所述方法包括：显示目标网页，所述目标网页包括至少一张网页图片；获取对所述至少一张网页图片中的目标网页图片的操作信号；获取所述目标网页图片的图片属性；从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，所述目标图片数据为目标网页图片对应的图片数据，所述浏览器内核用于对所述目标网页进行解析和渲染；根据所述操作信号对所述目标图片数据进行操作。

【技术特征摘要】
1.一种网页图片的操作方法，其特征在于，所述方法包括：显示目标网页，所述目标网页包括至少一张网页图片；获取对所述至少一张网页图片中的目标网页图片的操作信号；获取所述目标网页图片的图片属性；从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，所述目标图片数据为目标网页图片对应的图片数据，所述浏览器内核用于对所述目标网页进行解析和渲染；根据所述操作信号对所述目标图片数据进行操作。2.根据权利要求1所述的方法，其特征在于，所述显示目标网页之前，还包括：所述浏览器内核获取所述目标网页的网页代码；所述浏览器内核对所述网页代码进行解析，得到所述至少一张网页图片的统一资源定位符URL地址；所述浏览器内核根据所述至少一张网页图片的URL地址，从服务器获取所述至少一张网页图片的图片数据；所述浏览器内核对所述至少一张网页图片的图片数据进行存储。3.根据权利要求1所述的方法，其特征在于，所述从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据，包括：浏览器壳程序通过与所述浏览器内核之间的通信接口，向所述浏览器内核发送所述图片属性；所述浏览器内核根据所述图片属性确定所述目标图片数据；所述浏览器内核通过所述通信接口，向所述浏览器壳程序发送所述目标图片数据。4.根据权利要求3所述的方法，其特征在于，所述浏览器内核包括内容content层和网页渲染引擎webkit层，所述webkit层用于对所述目标网页进行解析及渲染，所述content层用于对所述webkit层进行封装；所述浏览器内核根据所述图片属性确定所述目标图片数据，包括：主进程在所述content层向渲染进程发送图片获取请求，所述图片获取请求携带所述图片属性；所述渲染进程在所述content层遍历已存储的图片数据，得到具有所述图片属性的目标图片数据；所述渲染进程在所述content层将所述目标图片数据发送至所述主进程；所述主进程在所述content层接收所述目标图片数据。5....

【专利技术属性】
技术研发人员：孙庆波，
申请(专利权)人：广东欧珀移动通信有限公司，
类型：发明
国别省市：广东,44