CN108376090A - 网页图片的操作方法、装置、终端及存储介质 - Google Patents
网页图片的操作方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN108376090A CN108376090A CN201810148803.XA CN201810148803A CN108376090A CN 108376090 A CN108376090 A CN 108376090A CN 201810148803 A CN201810148803 A CN 201810148803A CN 108376090 A CN108376090 A CN 108376090A
- Authority
- CN
- China
- Prior art keywords
- picture
- web page
- browser
- target
- target webpage
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- 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
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网页图片的操作方法、装置、终端及存储介质,属于计算机技术领域。该方法包括:显示目标网页,所述目标网页包括至少一张网页图片;获取对所述至少一张网页图片中的目标网页图片的操作信号;获取所述目标网页图片的图片属性;从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;根据所述操作信号对所述目标图片数据进行操作。本申请可以解决浏览器运行js脚本来获取网页图片的图片数据,导致浏览器加载网页的速度变慢的问题,可以提高浏览器加载网页的速度。
Description
技术领域
本申请实施例涉及计算机技术领域,特别涉及一种网页图片的操作方法、装置、终端及存储介质。
背景技术
随着网络技术的发展,浏览器支持显示的内容日益丰富。目前,浏览器可以支持显示网页图片。为了方便用户对网页图片进行操作,浏览器需要获取到网页图片的图片数据,并根据用户执行的操作信号对图片数据进行相应的操作。比如:根据用户执行的放大操作的操作信号,对图片数据进行放大处理、根据用户执行的旋转操作的操作信号,对图片数据进行旋转处理等。
在一种典型的操作网页图片的方法中,浏览器预先在网页中注入Javascript(js)脚本。浏览器通过浏览器内核对网页进行解析并渲染,然后,通过浏览器壳程序显示该网页;之后,浏览器运行网页中的js脚本来获取该网页中所有网页图片的URL地址,根据该URL地址获取到每张网页图片的图片数据并存储;在接收到对目标网页图片的操作信号时,浏览器从js脚本获取到的图片数据中获取该目标网页图片的图片数据,并根据该操作信号对该图片数据进行处理。
然而,浏览器运行js脚本来获取网页图片的图片数据时,需要向服务器发送图片获取请求、接收服务器发送的图片数据等过程,会拖慢浏览器加载网页的速度。
发明内容
本申请实施例提供的网页图片的操作方法、装置、服务器及存储介质,可以解决浏览器通过运行js脚本来获取网页图片的图片数据,导致浏览器加载网页的速度较慢的问题。所述技术方案如下:
第一方面,提供了一种网页图片的操作方法,所述方法包括:
显示目标网页,所述目标网页包括至少一张网页图片;
获取对所述至少一张网页图片中的目标网页图片的操作信号;
获取所述目标网页图片的图片属性;
从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;
根据所述操作信号对所述目标图片数据进行操作。
第二方面,提供了一种网页图片的操作装置,所述装置包括:
网页显示单元,用于显示目标网页,所述目标网页包括至少一张网页图片;
操作获取单元,用于获取对所述至少一张网页图片中的目标网页图片的操作信号;
属性获取单元,用于获取所述目标网页图片的图片属性;
数据确定单元,用于从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;
图片操作单元,用于根据所述操作信号对所述目标图片数据进行操作。
第三方面,提供了一种终端,所述终端包括处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器执行所述程序指令时实现第一方面提供的网页图片的操作方法。
第四方面,一种计算机可读介质,其上存储有程序指令,所述程序指令被处理器执行时实现第一方面提供的网页图片的操作方法。
本申请实施例提供的技术方案带来的有益效果包括:
通过在接收到对目标网页中的目标网页图片的操作信号时,根据该目标网页图片的图片属性从浏览器内核存储的图片数据中查找目标图片数据,然后根据该操作信号对该目标图片数据进行操作;可以解决浏览器运行js脚本来获取网页图片的图片数据,导致浏览器加载网页的速度变慢的问题;由于已存储的图片数据是浏览器内核在对目标网页的网页代码进行解析时获取到的,浏览器直接获取已经存储的目标网页图片的图片数据,而无需运行js脚本来获取图片数据,可以提高浏览器加载网页的速度。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个实施例提供的浏览器的结构示意图;
图2是本申请另一个实施例提供的浏览器的结构示意图;
图3是本申请一个示例性实施例提供的网页图片的操作方法的流程图;
图4是本申请一个示例性实施例提供的网页图片的操作方法的流程图;
图5是本申请一个示例性实施例提供的浏览器内核中的图片数据的示意图;
图6是本申请一个示例性实施例提供的接收操作信号的示意图;
图7是本申请一个示例性实施例提供的确定目标图片数据的流程图;
图8是本申请一个示例性实施例提供的图片显示页面的示意图;
图9是本申请另一个示例性实施例提供的图片显示页面的示意图;
图10是本申请一个实施例提供的网页图片的操作装置的结构方框图;
图11是本申请一个实施例提供的服务器的结构方框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先,对本申请涉及的若干名词进行介绍。
浏览器:是指可以显示服务器或者超级文本标记语言(HyperText MarkupLanguage,HTML)文件中的内容,并允许用户与这些内容进行交互的客户端。
可选地,本申请中的服务器用于为浏览器提供后台服务。
参考图1,浏览器包括但不限于以下组件:用户界面(User Interface)110、浏览器引擎(browser engine)120、浏览器内核(Rendering Engine)130、网络接口(Networking)140、用户界面后端(UI Backend)150、JavaScript(JS)解释器160和数据存储(DataPersistence)170。
1、用户界面110:用于供用户与浏览器之间进行交互。用户界面110包括地址输入框、后退/前进控件、书签目录等。
2、浏览器引擎120:用于查询及操作浏览器内核的接口。
3、浏览器内核130,或称渲染引擎、排版引擎、解释引擎等:用于对网页进行渲染。换句话说,浏览器内核用于将网页的代码转换为可视页面。浏览器内核决定了浏览器如何显示网页的内容(即,网页布局)以及网页的格式信息。
浏览器内核包括但不限于:Chromium(跨平台)内核、Trident内核(或称,网络探索者(Internet Explorer,IE)内核)、Gecko(跨平台)内核(或称,火狐内核)等,当然,也可以是后续开发出的浏览器内核,本实施例在此不再一一列举。
示意性地,浏览器内核130的工作过程至少包括如下几个步骤:
1)将网页的HTML代码转化成文件对象模型(Document Object Model,DOM。
其中,DOM是表示和处理一个HTML或可扩展标记语言(eXtensible MarkupLanguage,XML)文档的常用方法。由于DOM可以用于任何编程语言,因此,通过将HTML代码转化成DOM,实现了让HTML代码在不同的平台上的移植。
2)将网页的层叠样式表(Cascading Style Sheets,CSS)代码转化成CSS对象模型(CSS Object Model,CSSOM)。
其中,CSS是用来表现HTML或XML等文件样式的计算机语言。CSSOM
3)结合DOM和CSSOM,生成一棵渲染树。
渲染树包含每个节点的视觉信息。渲染树中的每一段字符串都被当做独立的渲染对象,每一个渲染对象都是其对应的DOM结构和计算所得样式的混合体,也即,渲染树是DOM树的视觉表现。
4)生成布局(layout)。
也即将渲染树的所有节点进行平面合成。
5)将布局绘制(paint)在用户界面上。
4、网络接口140:用于完成网络的调用,例如:超文本传输协议(HyperTextTransfer Protocol,HTTP)请求。
5、用户界面后端150:用于回执组合框以及对话框等组件。
6、JS解释器160:用于解释执行网页中的JS代码。
7、数据存储170:用于在存储介质中存储数据。
可选地,图1所示的浏览器结构仅是示意性地,在实际实现时,对于具有不同浏览器内核的浏览器,功能划分的方式也可能不同。
以浏览器的内核为Chromium(跨平台)内核为例,参考图2,该浏览器包括浏览器内核210和浏览器壳程序220。
其中,浏览器内核210包括网页渲染引擎webkit层(或称,blink层)211和内容content层212。
webkit层211包括两个子层,分别为:网页渲染引擎webkit和webkit嵌入层(或称,webkit glue)。
网页渲染引擎用于对网页进行解析和渲染,网页渲染引擎中的webkit端口(webkit Port)用于集成资源加载、绘图等平台相关服务。
webkit嵌入层用于将webkit类型转化为Chromium类型。Chromium不直接访问webkit接口,而是通过webkit嵌入层接口间接访问webkit接口。
content层212用于对webkit层211进行封装。content层212包括两个子层,分别为:多进程嵌入层和网页内容。其中,多进程嵌入层包括:渲染者(Renderer)和渲染者宿主(Renderer host)。
Renderer运行在渲染(Render)进程中,Renderer host运行在浏览器(Browser)进程中。其中,浏览器加载网页的过程由Browser进程和Render进程协作完成。Browser进程为浏览器的主进程,加载网页的过程由Browser进程发起,向服务器请求网页的过程也是由Browser进程来完成。Render进程用于对Browser进程请求到的网页内容进行解析,解析之后得到一个DOM树;然后,Render进程根据DOM树对网页进行渲染。可选地,Browser进程与Render进程之间通过进程间的通讯(Inter-Process Communication,IPC)来进行通信。
网页内容(WebContents)允许将一个网页以多进程的方式渲染到某一区域中。
可选地,如果webkit层211的程序发生变化,则content层212的程序也需要相应进行改变。
浏览器壳程序220包括浏览器窗口(Browser)和标签助手(Tab Helpers)。其中,每个浏览器窗口可以包括多个网页内容。标签助手附加在网页内容上,用来增加网页内容的功能。
可选地,本申请以各个实施例的执行主体为浏览器为例进行说明,该浏览器运行在终端中,终端可以是手机、平板电脑、可穿戴式设备、虚拟现实(Virtual Reality,VR)设备、增强现实(Augmented Reality,AR)设备、智能家居设备、膝上型便携计算机和台式计算机等电子设备,本实施例对此不作限定。
图3是本申请的一个示例性实施例示出的网页图片的操作方法的流程图。该网页图片的操作方法至少包括以下几个步骤。
步骤301,显示目标网页,该目标网页包括至少一张网页图片。
可选地,浏览器通过浏览器内核解析并渲染目标网页后,通过浏览器壳程序显示该目标网页。
可选地,浏览器内核解析目标网页的过程中可以获取到至少一张网页图片的图片数据。
步骤302,获取对至少一张网页图片中的目标网页图片的操作信号。
步骤303,获取目标网页图片的图片属性。
可选地,图片属性包括但不限于:目标网页图片的尺寸和统一资源定位符(Uniform Resource Locator,URL)地址中的至少一种。
步骤304,从浏览器内核存储的图片数据中确定具有该图片属性的目标图片数据,该目标图片数据为目标网页图片对应的图片数据,浏览器内核用于对目标网页进行解析和渲染。
步骤305,根据操作信号对目标图片数据进行操作。
综上所述,本实施例提供的网页图片的操作方法,通过在接收到对目标网页中的目标网页图片的操作信号时,根据该目标网页图片的图片属性从浏览器内核存储的图片数据中查找目标图片数据,然后根据该操作信号对该目标图片数据进行操作;可以解决浏览器运行js脚本来获取网页图片的图片数据,导致浏览器加载网页的速度变慢的问题;由于已存储的图片数据是浏览器内核在对目标网页的网页代码进行解析时获取到的,浏览器直接获取已经存储的目标网页图片的图片数据,而无需运行js脚本来获取图片数据,可以提高浏览器加载网页的速度。
图4是本申请的另一个示例性实施例示出的网页图片的操作方法的流程图。该网页图片的操作方法至少包括以下几个步骤。
步骤401,浏览器内核获取目标网页的网页代码。
可选地,浏览器在地址输入框中接收到目标网页的网页地址;或者,接收到对该网页地址的触发操作之后,通过浏览器内核中的主进程向服务器发送网页获取请求;服务器接收到该网页获取请求之后,将该目标网页的网页代码发送至浏览器;该主进程获取目标网页的网页代码。
可选地,本申请中,目标网页包括至少一张网页图片。
步骤402,浏览器内核对网页代码进行解析,得到至少一张网页图片的URL地址。
可选地,浏览器内核中的主进程通过进程间通信将网页代码发送至渲染进程,由渲染进程对网页代码进行解析,得到至少一张网页图片的URL地址。
步骤403,浏览器内核根据至少一张网页图片的URL地址,从服务器获取至少一张网页图片的图片数据。
可选地,浏览器内核中的渲染进程获取到URL地址之后,通过进程间通信将URL地址发送给主进程,由主进程从服务器中获取每个URL地址对应的图片数据。
可选地,主进程获取到的图片数据包括网页图片的图片属性,该图片属性包括但不限于:网页图片的URL地址和图片尺寸中的至少一种。
步骤404,浏览器内核对至少一张网页图片的图片数据进行存储。
可选地,浏览器内核的主进程获取到至少一张网页图片的图片数据之后,将每张图片的图片数据存储至内存中。
示意性地,参考图5所示的浏览器内核存储的图片数据,该图片数据包括每张网页图片的存储位置、URL地址和图片尺寸。
步骤405,浏览器壳程序显示目标网页。
可选地,浏览器内核通过渲染进程对目标网页进行解析之后,得到该目标网页的DOM树;然后,通过渲染进程根据DOM树对目标网页进行渲染,将渲染后的目标网页发送给浏览器壳程序,相应地,浏览器壳程序接收到渲染后的目标网页并显示该目标网页。
步骤406,浏览器壳程序获取对至少一张网页图片中的目标网页图片的操作信号。
可选地,操作信号包括但不限于:存储操作的操作信号、缩放操作的操作信号、旋转操作的操作信号和转发操作的操作信号中的一种。
其中,存储操作用于指示浏览器将目标网页图片存储至终端本地;缩放操作用于指示浏览器放大或缩小显示目标网页图片;旋转操作用于指示浏览器将目标网页图片旋转指定角度;转发操作用于指示浏览器将目标网页图片转发至其它客户端。
可选地,浏览器内核在网页图片中设置有的监控事件,在浏览器壳程序接收触发该监控事件的触发操作时,浏览器内核控制浏览器壳程序显示至少一项操作控件,浏览器壳程序接收作用于操作控件的操作信号。
示意性地,参考图6,在目标网页中显示有目标网页图片601,浏览器内核在目标网页图片601上设置有监控事件,浏览器壳程序接收到触发该监控事件的触发操作,比如:单击操作、双击操作、长按操作等时,浏览器内核控制浏览器壳程序显示存储操作控件602、下一张操作控件603、上一张操作控件604,浏览器壳程序接收作用于存储操作控件602的操作信号。
可选地,浏览器壳程序还可以运行预先注入目标网页的js脚本,该js脚本可以在每个网页图片上设置监控事件,浏览器壳程序通过该监控事件监控对目标网页图片的操作信号。需要说明的是,该js脚本不会根据网页图片的URL地址,从服务器获取图片数据。
步骤407,浏览器壳程序获取目标网页图片的图片属性。
浏览器壳程序接收到作用于目标网页图片的操作信号之后,获取该目标网页图片的图片属性。
可选地,目标网页的图片属性可以是在浏览器内核向浏览器壳程序发送渲染后的目标网页图片时发送的;或者,目标网页的图片属性也可以是浏览器壳程序通过运行js脚本获取到的。
步骤408,浏览器壳程序通过与浏览器内核之间的通信接口,向浏览器内核发送图片属性。
浏览器壳程序向浏览器内核发送目标网页图片的图片属性,这样,浏览器内核才可以获知用户选择哪一张网页图片进行操作。
可选地,上述通信接口是开发人员预先设置在浏览器内核中的。
步骤409,浏览器内核根据图片属性确定目标图片数据。
浏览器内核在解析目标网页的过程中,已经存储了该目标网页中的至少一张网页图片的图片数据,浏览器内核在获取到目标网页图片的图片属性之后,可以从已存储的图片数据中确定出目标网页图片的目标图片数据。
可选地,以浏览器内核为Chromium内核为例,该浏览器内核包括content层和webkit层,webkit层用于对目标网页进行解析及渲染,content层用于对webkit层进行封装。此时,参考图7,浏览器内核根据图片属性确定目标图片数据,包括:
步骤71,主进程在content层向渲染进程发送图片获取请求,该图片获取请求携带图片属性。
浏览器内核的主进程接收浏览器壳程序发送图片属性,并通过进程间通信向渲染进程发送图片获取请求。
可选地,主进程可以向至少一个渲染进程发送图片获取请求。
步骤72,渲染进程在content层遍历已存储的图片数据,得到具有目标网页图片的图片属性的目标图片数据。
渲染进程在内存中遍历已存储的图片数据,得到具有目标网页图片的图片属性的目标图片数据。示意性地,渲染进程在内存中遍历所有网页图片(web Image)节点得到该目标图片数据。
步骤73,渲染进程在content层将目标图片数据发送至主进程。
渲染进程在content层通过进程间通信将目标图片数据发送至主进程。
步骤74,主进程在content层接收目标图片数据。
本实施例中,通过在content层确定目标网页图片的目标图片数据,使得开发人员只需要对浏览器内核的content层的程序进行改变,而无需改变浏览器内核的webkit层的程序,由于浏览器内核的webkit层的程序发生改变时,content层的程序也需要随之变化,因此,本实施例通过仅改变content层的程序,降低了开发人员开发浏览器的难度。
步骤410,浏览器内核通过通信接口,向浏览器壳程序发送目标图片数据。
浏览器内核的主进程通过通信接口向浏览器壳程序发送目标图片数据。
步骤411,浏览器壳程序获取浏览器内核发送的目标图片数据。
步骤412,浏览器壳程序根据操作信号对目标图片数据进行操作。
可选地,由于浏览器壳程序已经获取到目标网页图片的目标图片数据,因此,浏览器壳程序可以根据操作信号对目标图片数据进行操作。
示意性地,当操作信号为存储操作的操作信号时,浏览器壳程序可以将目标图片数据存储至终端;当操作信号为缩放操作的操作信号时,浏览器壳程序可以根据目标图片数据对目标网页图片进行放大或者缩小;当操作信号为旋转操作的操作信号时,浏览器壳程序可以根据目标图片数据对目标网页图片进行旋转;当操作信号为转发操作的操作信号时,浏览器壳程序可以根据该操作信号将目标图片数据转发至其它客户端。
综上所述,本实施例提供的网页图片的操作方法,通过在接收到对目标网页中的目标网页图片的操作信号时,根据该目标网页图片的图片属性从浏览器内核存储的图片数据中查找目标图片数据,然后根据该操作信号对该目标图片数据进行操作;可以解决浏览器运行js脚本来获取网页图片的图片数据,导致浏览器加载网页的速度变慢的问题;由于已存储的图片数据是浏览器内核在对目标网页的网页代码进行解析时获取到的,浏览器直接获取已经存储的目标网页图片的图片数据,而无需运行js脚本来获取图片数据,可以提高浏览器加载网页的速度。
另外,由于浏览器内核在解析网页代码的过程中已经可以根据网页图片的URL地址获取到网页图片的图片数据,此时,无需js脚本再次根据网页图片的URL地址获取图片数据,因此,可以减少浏览器与服务器之间的通信次数,节省传输资源。
另外,通过在content层确定目标网页图片的目标图片数据,使得开发人员只需要对浏览器内核的content层的程序进行改变,而无需改变浏览器内核的webkit层的程序,由于浏览器内核的webkit层的程序发生改变时,content层的程序也需要随之变化,因此,本实施例通过仅改变content层的程序,降低了开发人员开发浏览器的难度。
可选地,基于上述各个实施例,浏览器壳程序接收到的操作信号还可以触发浏览器壳程序在图片显示页面中显示网页图片,此时,浏览器壳程序根据操作信号对目标图片数据进行操作,包括:浏览器壳程序在目标网页之上显示图片显示页面,该图片显示页面用于显示目标网页中的网页图片;浏览器壳程序在图片显示页面中显示目标图片数据对应的目标网页图片。
可选地,浏览器壳程序通过运行预先注入网页中的js脚本来显示图片显示页面。
示意性地,参考图8,在目标网页中显示有目标网页图片801,浏览器壳程序接收到作用于该目标网页图片801上的操作信号之后,在目标网页之上显示图片显示页面802,该图片显示页面中显示有目标网页图片801。
可选地,浏览器壳程序在图片显示页面中显示目标图片数据对应的目标网页图片之后,还可以接收作用于目标网页图片的翻页操作,该翻页操作指示待跳转的网页图片;浏览器壳程序根据翻页操作,从浏览器内核存储的图片数据中获取待跳转的网页图片的图片数据;然后,根据待跳转的网页图片的图片数据,在图片显示页面中显示待跳转的网页图片。
可选地,浏览器壳程序从浏览器内核存储的图片数据中获取待跳转的网页图片的图片数据的过程详见步骤407-411,本实施例在此不作赘述。此时,浏览器壳程序通过运行js脚本获取待跳转的网页图片的图片属性。
示意性地,参考图9,在图片显示页面901中显示有目标网页图片902,在接收到作用于目标网页图片902的下一张操作(翻页操作)之后,浏览器壳程序获取下一张图片的图片数据,并根据该图片数据在图片显示页面901中显示下一张图片903。
可选地,浏览器壳程序也可以在图片显示页面中接收存储操作的操作信号、缩放操作的操作信号、旋转操作的操作信号和转发操作的操作信号中的一种,本实施例对此不作限定。
本实施例中,通过在网页显示页面中显示网页图片,使得浏览器可以提供专门的页面供用户操作图片,可以实现对网页中的网页图片统一地显示。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
请参考图10,其示出了本申请一个实施例提供的网页图片的操作装置的结构方框图,该网页图片的操作装置可通过软件、硬件或者两者的结合实现成为终端的部分或者全部。该装置可以包括:网页显示单元1010、操作获取单元1020、属性获取单元1030、数据确定单元1040和图片操作单元1050。
网页显示单元1010,用于显示目标网页,所述目标网页包括至少一张网页图片;
操作获取单元1020,用于获取对所述至少一张网页图片中的目标网页图片的操作信号;
属性获取单元1030,用于获取所述目标网页图片的图片属性;
数据确定单元1040,用于从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;
图片操作单元1050,用于根据所述操作信号对所述目标图片数据进行操作。
可选地,所述装置还包括:
代码获取单元,用于获取所述目标网页的网页代码;
地址获取单元,用于对所述网页代码进行解析,得到所述至少一张网页图片的统一资源定位符URL地址;
数据获取单元,用于根据所述至少一张网页图片的URL地址,从服务器获取所述至少一张网页图片的图片数据;
数据存储单元,用于对所述至少一张网页图片的图片数据进行存储。
可选地,所述数据确定单元1040,用于:
通过与所述浏览器内核之间的通信接口,向所述浏览器内核发送所述图片属性;
根据所述图片属性确定所述目标图片数据;
通过所述通信接口,向所述浏览器壳程序发送所述目标图片数据。
可选地,所述浏览器内核包括内容content层和网页渲染引擎webkit层,所述webkit层用于对所述目标网页进行解析及渲染,所述content层用于对所述webkit层进行封装;所述数据确定单元1040,用于:
在所述content层向渲染进程发送图片获取请求,所述图片获取请求携带所述图片属性;
在所述content层遍历已存储的图片数据,得到具有所述图片属性的目标图片数据;
在所述content层将所述目标图片数据发送至所述主进程;
在所述content层接收所述目标图片数据。
可选地,所述操作信号为:存储操作的操作信号、缩放操作的操作信号、旋转操作的操作信号和转发操作的操作信号中的一种。
可选地,所述图片操作单元1050,用于:
在所述目标网页之上显示图片显示页面,所述图片显示页面用于显示所述目标网页中的网页图片;
在所述图片显示页面中显示所述目标图片数据对应的目标网页图片。
可选地,操作获取单元,还用于接收作用于所述目标网页图片的翻页操作,所述翻页操作指示待跳转的网页图片;
数据确定单元,还用于根据所述翻页操作,从所述浏览器内核存储的图片数据中获取所述待跳转的网页图片的图片数据;
所述装置还包括,图片显示单元,用于根据所述待跳转的网页图片的图片数据,在所述图片显示页面中显示所述待跳转的网页图片。
相关细节参考上述方法实施例。
本申请还提供一种计算机可读介质,其上存储有程序指令,程序指令被处理器执行时实现上述各个方法实施例提供的网页图片的操作方法。
本申请还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述各个方法实施例提供的网页图片的操作方法。
参考图11,其示出了本申请一个示例性实施例提供的终端的结构方框图。本申请中的终端可以包括一个或多个如下部件:处理器1110和存储器1120。
处理器1110可以包括一个或者多个处理核心。处理器1110利用各种接口和线路连接整个终端内的各个部分,通过运行或执行存储在存储器1120内的指令、程序、代码集或指令集,以及调用存储在存储器1120内的数据,执行终端的各种功能和处理数据。可选地,处理器1110可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器1110可集成中央处理器(CentralProcessing Unit,CPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统和应用程序等;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器1110中,单独通过一块芯片进行实现。
可选地,处理器1110执行存储器1120中的程序指令时实现下上述各个方法实施例提供的网页图片的操作方法。
存储器1120可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选地,该存储器1120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1120可用于存储指令、程序、代码、代码集或指令集。存储器1120可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令、用于实现上述各个方法实施例的指令等;存储数据区可存储根据终端的使用所创建的数据等。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种网页图片的操作方法,其特征在于,所述方法包括:
显示目标网页,所述目标网页包括至少一张网页图片;
获取对所述至少一张网页图片中的目标网页图片的操作信号;
获取所述目标网页图片的图片属性;
从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;
根据所述操作信号对所述目标图片数据进行操作。
2.根据权利要求1所述的方法,其特征在于,所述显示目标网页之前,还包括:
所述浏览器内核获取所述目标网页的网页代码;
所述浏览器内核对所述网页代码进行解析,得到所述至少一张网页图片的统一资源定位符URL地址;
所述浏览器内核根据所述至少一张网页图片的URL地址,从服务器获取所述至少一张网页图片的图片数据;
所述浏览器内核对所述至少一张网页图片的图片数据进行存储。
3.根据权利要求1所述的方法,其特征在于,所述从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,包括:
浏览器壳程序通过与所述浏览器内核之间的通信接口,向所述浏览器内核发送所述图片属性;
所述浏览器内核根据所述图片属性确定所述目标图片数据;
所述浏览器内核通过所述通信接口,向所述浏览器壳程序发送所述目标图片数据。
4.根据权利要求3所述的方法,其特征在于,所述浏览器内核包括内容content层和网页渲染引擎webkit层,所述webkit层用于对所述目标网页进行解析及渲染,所述content层用于对所述webkit层进行封装;
所述浏览器内核根据所述图片属性确定所述目标图片数据,包括:
主进程在所述content层向渲染进程发送图片获取请求,所述图片获取请求携带所述图片属性;
所述渲染进程在所述content层遍历已存储的图片数据,得到具有所述图片属性的目标图片数据;
所述渲染进程在所述content层将所述目标图片数据发送至所述主进程;
所述主进程在所述content层接收所述目标图片数据。
5.根据权利要求1至4任一所述的方法,其特征在于,所述操作信号为:存储操作的操作信号、缩放操作的操作信号、旋转操作的操作信号和转发操作的操作信号中的一种。
6.根据权利要求1至4任一所述的方法,其特征在于,所述根据所述操作信号对所述目标图片数据进行操作,包括:
所述浏览器壳程序在所述目标网页之上显示图片显示页面,所述图片显示页面用于显示所述目标网页中的网页图片;
所述浏览器壳程序在所述图片显示页面中显示所述目标图片数据对应的目标网页图片。
7.根据权利要求6所述的方法,其特征在于,所述浏览器壳程序在所述图片显示页面中显示所述目标图片数据对应的目标网页图片之后,还包括:
所述浏览器壳程序接收作用于所述目标网页图片的翻页操作,所述翻页操作指示待跳转的网页图片;
所述浏览器壳程序根据所述翻页操作,从所述浏览器内核存储的图片数据中获取所述待跳转的网页图片的图片数据;
所述浏览器壳程序根据所述待跳转的网页图片的图片数据,在所述图片显示页面中显示所述待跳转的网页图片。
8.一种网页图片的操作装置,其特征在于,所述装置包括:
网页显示单元,用于显示目标网页,所述目标网页包括至少一张网页图片;
操作获取单元,用于获取对所述至少一张网页图片中的目标网页图片的操作信号;
属性获取单元,用于获取所述目标网页图片的图片属性;
数据确定单元,用于从浏览器内核存储的图片数据中确定具有所述图片属性的目标图片数据,所述目标图片数据为目标网页图片对应的图片数据,所述浏览器内核用于对所述目标网页进行解析和渲染;
图片操作单元,用于根据所述操作信号对所述目标图片数据进行操作。
9.一种终端,其特征在于,所述终端包括处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器执行所述程序指令时实现如权利要求1至7任一所述的网页图片的操作方法。
10.一种计算机可读存储介质,其特征在于,其上存储有程序指令,所述程序指令被处理器执行时实现如权利要求1至7任一所述的网页图片的操作方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810148803.XA CN108376090A (zh) | 2018-02-13 | 2018-02-13 | 网页图片的操作方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810148803.XA CN108376090A (zh) | 2018-02-13 | 2018-02-13 | 网页图片的操作方法、装置、终端及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108376090A true CN108376090A (zh) | 2018-08-07 |
Family
ID=63018009
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810148803.XA Pending CN108376090A (zh) | 2018-02-13 | 2018-02-13 | 网页图片的操作方法、装置、终端及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108376090A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111506842A (zh) * | 2019-01-31 | 2020-08-07 | 阿里巴巴集团控股有限公司 | 页面展示方法、装置、电子设备及计算机存储介质 |
CN114296809A (zh) * | 2021-12-24 | 2022-04-08 | 深圳航天科技创新研究院 | 一种基于操作系统的对象模型构建方法及其系统调用接口 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5987256A (en) * | 1997-09-03 | 1999-11-16 | Enreach Technology, Inc. | System and process for object rendering on thin client platforms |
CN102855265A (zh) * | 2012-04-20 | 2013-01-02 | 江苏奇异点网络有限公司 | 浏览和下载网页图片系统 |
CN104834637A (zh) * | 2014-02-08 | 2015-08-12 | 腾讯科技(深圳)有限公司 | 网页图片展示方法及装置 |
CN106484731A (zh) * | 2015-09-01 | 2017-03-08 | 天脉聚源(北京)科技有限公司 | 一种移动终端显示高清晰网页图片的方法和系统 |
CN106682037A (zh) * | 2015-11-11 | 2017-05-17 | 百度在线网络技术(北京)有限公司 | 一种操作页面中的图片的方法和装置 |
CN107122402A (zh) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | 网页图片的提取方法、装置、客户端装置和电子设备 |
-
2018
- 2018-02-13 CN CN201810148803.XA patent/CN108376090A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5987256A (en) * | 1997-09-03 | 1999-11-16 | Enreach Technology, Inc. | System and process for object rendering on thin client platforms |
CN102855265A (zh) * | 2012-04-20 | 2013-01-02 | 江苏奇异点网络有限公司 | 浏览和下载网页图片系统 |
CN104834637A (zh) * | 2014-02-08 | 2015-08-12 | 腾讯科技(深圳)有限公司 | 网页图片展示方法及装置 |
CN106484731A (zh) * | 2015-09-01 | 2017-03-08 | 天脉聚源(北京)科技有限公司 | 一种移动终端显示高清晰网页图片的方法和系统 |
CN106682037A (zh) * | 2015-11-11 | 2017-05-17 | 百度在线网络技术(北京)有限公司 | 一种操作页面中的图片的方法和装置 |
CN107122402A (zh) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | 网页图片的提取方法、装置、客户端装置和电子设备 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111506842A (zh) * | 2019-01-31 | 2020-08-07 | 阿里巴巴集团控股有限公司 | 页面展示方法、装置、电子设备及计算机存储介质 |
CN114296809A (zh) * | 2021-12-24 | 2022-04-08 | 深圳航天科技创新研究院 | 一种基于操作系统的对象模型构建方法及其系统调用接口 |
CN114296809B (zh) * | 2021-12-24 | 2023-05-05 | 深圳航天科技创新研究院 | 一种基于操作系统的对象模型构建方法及其系统调用接口 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210133388A1 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
US20220067268A1 (en) | Systems and methods for remote dashboard image generation | |
TWI690812B (zh) | 頁面元件動態佈局方法、裝置及客戶端 | |
US7698256B1 (en) | History support for stateless Javascript Web client | |
KR101720071B1 (ko) | 온보드 하드웨어 기능들을 가진 웹페이지들 | |
US9785452B2 (en) | Framework for dependency management and automatic file load in a network environment | |
US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
CN107040584B (zh) | 客户端下载图片的方法及装置 | |
CN110908712A (zh) | 移动端跨平台的数据处理方法和设备 | |
WO2022048141A1 (zh) | 一种图像处理方法及装置、计算机可读存储介质 | |
CN110221871B (zh) | 网页获取方法、装置、计算机设备及存储介质 | |
WO2014004926A1 (en) | Methods and systems for secure in-network insertion of web content and web services | |
CN110990736A (zh) | 页面加载方法、装置、终端设备和存储介质 | |
CN107229760A (zh) | 存储介质、电子装置、网页内容的显示方法和装置 | |
US10594764B2 (en) | Request cache to improve web applications performance | |
WO2018133772A1 (zh) | 网页资源的获取方法和装置、存储介质、电子装置 | |
CN110365724A (zh) | 任务处理方法、装置及电子设备 | |
CN103559097B (zh) | 一种浏览器中进程间通信的方法、装置和浏览器 | |
CN108376090A (zh) | 网页图片的操作方法、装置、终端及存储介质 | |
CN107358095B (zh) | 一种威胁检测方法、装置及网络系统 | |
CN108345683B (zh) | 网页显示方法、装置、终端及存储介质 | |
JP2009289206A (ja) | ユニフォームリソースロケータ情報を書き換えるプログラム | |
CN107506597A (zh) | 医学文档获取方法、终端及服务器 | |
CN112764746A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
RU2634221C2 (ru) | Способ и устройство для отрисовки представления электронного документа на экране |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | 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: 20180807 |