CN103513987A - 一种浏览器网页的渲染处理方法、装置及终端设备 - Google Patents
一种浏览器网页的渲染处理方法、装置及终端设备 Download PDFInfo
- Publication number
- CN103513987A CN103513987A CN201310430513.1A CN201310430513A CN103513987A CN 103513987 A CN103513987 A CN 103513987A CN 201310430513 A CN201310430513 A CN 201310430513A CN 103513987 A CN103513987 A CN 103513987A
- Authority
- CN
- China
- Prior art keywords
- browser
- data file
- binary data
- internet resources
- character string
- 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
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本公开实施例提供了一种浏览器网页的渲染处理方法、装置及终端设备,用以解决浏览器网页渲染处理技术需要额外开发、可展示的内容较少的问题。本公开实施例提供的渲染处理方法,包括:将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;将字符串转换成二进制数据文件;调用浏览器的绘图接口,将二进制数据文件绘制为网页。本公开实施例不仅可以加速网页渲染和展示,而且不需要重新开发代码,不会减少显示的网页内容,能比较明显的提升用户的使用体验。
Description
技术领域
本发明涉及通讯技术领域,尤其涉及一种浏览器网页的渲染处理方法、装置及终端设备。
背景技术
随着互联网行业的发展,移动互联网成为了互联网发展的一个新的方向,越来越多的用户开始使用移动终端浏览器访问网站。移动终端相比于传统的PC(personal computer,个人电脑)、MAC(Macintosh,苹果电脑)设备来说,所使用的浏览器性能相对比较差(主要受限于移动终端的中央处理器计算能力和内存空间),如何让移动终端的用户可以流畅的使用传统的网站成为一个新的挑战。
针对移动终端定制网站,通常来说一般的做法是当用户使用移动终端打开一个网站时,网站会首先判断用户是否正在使用一个移动终端来访问,然后呈现一个内容相对简单的页面给用户,也就是说从减少内容的方面规避一些性能问题。其中,内容减少就意味着需要展示的DOM(Document Object Model,文件对象模型)节点数量变少。这并不能从根本上解决问题,内容的减少带来了体验和质量的下降。而且,对于移动终端用户呈现简版网站不仅需要额外的开发时间,同时对于分辨率比较高的移动终端来说这么做会大大降低浏览的体验。
可见,浏览器网页渲染处理技术需要额外的开发时间、可展示的内容较少的问题。
发明内容
本公开实施例提供了一种浏览器网页的渲染处理方法、装置及终端设备,用以解决浏览器网页渲染处理技术需要额外开发、可展示的内容较少的问题。
本公开实施例提供了一种浏览器网页的渲染处理方法,包括:
将网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
将所述字符串转换成二进制数据文件;
调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
其中,在一个实施例中,所述将所述字符串转换成二进制数据文件,可包括:
使用Blob(Binary large object,二进制大对象)对象将所述字符串转换成二进制数据文件。
其中,在一个实施例中,所述调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页,可包括:
将所述二进制数据文件转换成可被所述绘图接口访问的网络资源对象;
调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
其中,在一个实施例中,所述将所述二进制数据文件转换成可被所述绘图接口访问的网络资源对象,可包括:
使用createObjectURL(create Object Uniform Resource Locator,创建对象统一资源定位符)接口将所述二进制数据文件转换成可被所述绘图接口访问的网络资源对象。
其中,在一个实施例中,所述调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页,可包括:
调用所述浏览器可执行脚本中的图像Image对象加载所述网络资源对象;
使用所述绘图接口,将所述网络资源对象绘制为网页。
本公开实施例提供了一种浏览器网页的渲染处理装置,包括:
第一处理模块,用于将网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
第二处理模块,用于将所述字符串转换成二进制数据文件;
网页绘制模块,用于调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
其中,在一个实施例中,所述第二处理模块可包括:
处理单元,用于使用Blob对象将所述字符串转换成二进制数据文件。
其中,在一个实施例中,所述网页绘制模块可包括:
转换单元,用于将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象;
绘制单元,用于调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
其中,在一个实施例中,所述转换单元可包括:
转换子单元,用于使用createObjectURL接口将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象。
其中,在一个实施例中,所述绘制单元可包括:
调用子单元,用于调用所述浏览器可执行脚本中的Image对象加载所述网络资源对象;
绘制子单元,用于使用所述绘图接口,将所述网络资源对象绘制为网页。
公开实施例提供了一种终端设备,终端设备包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
将所述字符串转换成二进制数据文件;
调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
本公开实施例提供的浏览器网页的渲染处理方法、装置及终端设备,在应用于移动或者非移动平台下的浏览器尤其是页面解析和渲染性能比较差的浏览器时,通过浏览器的绘图接口(如Canvas参数)将需要展示的网站界面绘制出来,从而大大减少了传统的HTML(Hypertext Markup Language,超文本标记语言)DOM节点的创建和渲染过程,相比背景技术,不仅可以加速网页渲染和展示,而且不需要重新开发代码,不会减少显示的网页内容,能比较明显的提升用户的使用体验。
本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本公开实施例的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例,对技术方案做进一步的详细描述。应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
附图用来提供对本发明的进一步理解,并且构成说明书的一部分,与本公开的实施例一起用于解释本发明,并不构成对本发明的限制。在附图中:
图1为本公开实施例中一种浏览器网页的渲染处理方法的流程图;
图2A为本公开一优选实施例中浏览器网页的渲染处理方法的流程图;
图2B为本公开一优选实施例中代码示例的运行效果图;
图3为本公开实施例中一种浏览器网页的渲染处理装置的结构示意图;
图4为图3中第二处理模块的结构示意图;
图5为图3中网页绘制模块的结构示意图;
图6为图5中转换单元的结构示意图;
图7为图5中绘制单元的结构示意图;
图8为本公开实施例中一种终端设备的示意图。
通过上述附图,已示出公开明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
以下结合附图对公开的优选实施例进行说明,应当理解,此处所描述的优选实施例仅用于说明和解释实施例,并不用于限定实施例。
本实施例提供的方法适用于移动或者非移动平台下(包括移动操作系统ios、安卓android、mac(Macintosh,苹果电脑)、pc(personal computer,个人计算机)等)的浏览器。比如对于HTML5.0浏览器,可以基于该浏览器的绘图Canvas参数和Blob(Binary large object,二进制大对象)技术实现。
本实施例提供的浏览器网页的渲染处理技术,当用户打开网站网页时,不会将网页页面的HTML结构直接渲染,而是首先会将需要展示的HTML结构以字符串的形式写入一个浏览器可执行脚本(例如可执行脚本JavaScript)的变量中。当需要开始渲染页面时,将需要展示的HTML字符串转变成一个二进制数据文件,随后调用浏览器的绘图接口(如Canvas参数),利用二进制数据文件绘制网页,最后用该浏览器的绘图接口将绘制而成的网页展示出来。
如图1所示,本实施例提供了一种浏览器网页的渲染处理方法,包括以下步骤S11-S13:
在步骤S11中,将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中。
在步骤S12中,将字符串转换成二进制数据文件。
其中,在一个实施例中,步骤S12可以实施为以下方式:使用Blob对象将字符串转换成二进制数据文件。
在步骤S13中,调用浏览器的绘图接口,将二进制数据文件绘制为网页。
其中,在一个实施例中,步骤S13可以包括以下步骤A1-A2:
步骤A1、将二进制数据文件转换成可被浏览器的绘图接口访问的网络资源对象;
其中,在一个实施例中,步骤A1可实施为以下方式:使用createObjectURL接口将二进制数据文件转换成可被绘图接口访问的网络资源对象。
步骤A2、调用浏览器的绘图接口,利用网络资源对象绘制网页。
其中,在一个实施例中,步骤A2可以包括以下步骤B1-B2:
步骤B1、调用浏览器可执行脚本中的Image对象加载网络资源对象;
步骤B2、使用绘图接口根据网络资源对象绘制网页。
上述浏览器的绘图接口除了Canvas之外,还可以是其它类型的绘图接口。
在执行完步骤S13之后,还可以利用浏览器的绘图接口显示绘制出的网页。
下面以一优选实施例来说明本实施例提供的技术方案,本优选实施例基于HTML5.0浏览器的Canvas和Blob技术来实现。如图2A所示,包括以下步骤:
在步骤S21中,用户打开网站页面时,浏览器将需要展示的HTML结构转换为字符串,并将上述字符串写入浏览器可执行脚本的一个变量中。
在步骤S22中,浏览器将上述字符串使用Blob对象转为二进制数据文件。
其中,BLOB(binary large object)是二进制大对象,是一个可以存储二进制文件的容器。在计算机中,BLOB常常是数据库中用来存储二进制数据文件的字段类型。实际操作时,调用Blob函数。
Blob()的功能是将字符串转换成Blob类型数据。语法为Blob(text),其中参数text:string类型,指定要转换的数据返回值Blob。函数执行成功时返回转换后的Blob类型数据;如果文本text参数的值为空值NULL,则Blob()函数返回NULL。
在步骤S23中,浏览器使用createObjectURL接口将转换后的二进制数据文件,变成一个可以被Canvas(浏览器的一种绘图接口)访问的网络资源对象。
其中,这么做的目的在于将二进制数据文件变成一个Canvas可以访问的资源,因为Canvas的drawImage接口只能访问同域下的资源。
可通过URL.createObjectURL将内容转换为可以展现的URL(UniformResource Locator,统一资源定位符,也称为网页地址),进而可以被Canvas访问。二进制数据文件转换由浏览器内核自身实现的,不同的浏览器的实现方式不相同。
在步骤S24中,浏览器使用Image对象来加载处理好的二进制数据文件。
在可执行脚本中Image对象可以通过设置src属性来加载任何类型的URL资源,不局限于图片。
在步骤S25中,浏览器使用Canvas绘图接口将上述加载的二进制数据文件绘制为网页并展示该网页。
其中,Canvas元素是一个白板,直到在它上面“绘制”一些可视内容。由于canvas只是一个HTML标记,因此它的显示方式只是包含在标记中。
以下用一段代码作为上述优选实施例的完整事例。
其中,上述代码的第8-15行表示将需要展示的HTML结构的字符串写入浏览器可执行脚本的变量中。
上述代码的第18行表示将上述字符串转为二进制数据文件。
上述代码的第19行表示将二进制数据文件变成一个可以被Canvas访问的网络资源对象。
上述代码的运行结果效果图如图2B所示。
本实施例提供的浏览器网页的渲染处理方法,在应用于移动或者非移动平台下的浏览器尤其是HTML解析和渲染性能比较差的浏览器时,通过浏览器的绘图接口(如Canvas)将需要展示的网站界面绘制出来,从而大大减少了传统的HTML DOM节点的创建和渲染过程,相比现有技术,不仅可以加速网页渲染和展示,而且不需要重新开发代码,不会减少显示的网页内容,能比较明显的提升用户的使用体验。
如图3所示,对应本实施例提供的浏览器网页的渲染处理方法,本实施例还提供了一种浏览器网页的渲染处理装置,包括:
第一处理模块31,用于将网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
第二处理模块32,用于将字符串转换成二进制数据文件;
网页绘制模块33,用于调用浏览器的绘图接口,将二进制数据文件绘制为网页。
其中,在一个实施例中,如图4所示,上述第二处理模块32可以包括:
处理单元321,用于使用Blob对象将字符串转换成二进制数据文件。
其中,在一个实施例中,如图5所示,上述网页绘制模块33可以包括:
转换单元331,用于将二进制数据文件转换成可被浏览器的绘图接口访问的网络资源对象;
绘制单元332,用于调用浏览器的绘图接口,将网络资源对象绘制为网页。
其中,在一个实施例中,如图6所示,上述转换单元331可以包括:
转换子单元333,用于使用createObjectURL接口将二进制数据文件转换成可被浏览器的绘图接口访问的网络资源对象。
其中,在一个实施例中,如图7所示,上述绘制单元332可以包括:
调用子单元334,用于调用浏览器可执行脚本中的Image对象加载网络资源对象;
绘制子单元335,用于使用浏览器的绘图接口,将网络资源对象绘制为网页。
本实施例提供的浏览器网页的渲染处理装置,在应用于移动或者非移动平台下的浏览器尤其是HTML解析和渲染性能比较差的浏览器时,通过浏览器的绘图接口(如Canvas)将需要展示的网站界面绘制出来,从而大大减少了传统的HTML DOM节点的创建和渲染过程,相比现有技术,不仅可以加速网页渲染和展示,而且不需要重新开发代码,不会减少显示的网页内容,能比较明显的提升用户的使用体验。
本发明实施例还提出一种终端,图8是本发明实施例提供的一种终端设备结构示意图。该终端设备可以用于实施上述实施例中提供的控制访问路由器的方法。优选的,以以下支持运行客户端脚本(如javascript脚本)或者是支持W3C(World Wide Web Consortium,万维网联盟)提出HTML5(HypertextMarkup Language5,超文本标记语言5)规范的浏览器所处的硬件环境为例:
终端设备800可以包括通信单元110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、无线通信单元170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图8中示出的终端设备结构并不构成对终端设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
通信单元110可用于收发信息或通话过程中,信号的接收和发送,该通信单元110可以为RF(Radio Frequency,射频)电路、路由器、调制解调器、等网络通信设备。特别地,当通信单元110为RF电路时,将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,作为通信单元的RF电路包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,通信单元110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端设备800的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。优选地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。优选地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端设备800的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-EmittingDiode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图8中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
终端设备800还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在终端设备800移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端设备800还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与终端设备800之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一终端设备,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与终端设备800的通信。
为了实现无线通信,该终端设备上可以配置有无线通信单元170,该无线通信单元170可以为WiFi模块。WiFi属于短距离无线传输技术,终端设备800通过无线通信单元170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图8示出了无线通信单元170,但是可以理解的是,其并不属于终端设备800的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是终端设备800的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行终端设备800的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
终端设备800还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端设备800还可以包括摄像头、蓝牙模块等,在此不再赘述。在本实施例中,终端设备采用浏览器浏览网页,终端设备还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
将字符串转换成二进制数据文件;
调用浏览器的绘图接口,将二进制数据文件绘制为网页。
其中,存储器还包括进行以下操作的指令:
使用Blob对象将所述字符串转换成二进制数据文件。
其中,存储器还包括进行以下操作的指令:
将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象;
调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
其中,存储器还包括进行以下操作的指令:使用createObjectURL接口将所述二进制数据文件转换成可被所述绘图接口访问的网络资源对象。
其中,存储器还包括进行以下操作的指令:调用所述浏览器可执行脚本中的Image对象加载所述网络资源对象;
使用所述浏览器的Canvas绘图接口,将所述网络资源对象绘制为网页。
本领域内的技术人员应明白,本公开的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (11)
1.一种浏览器网页的渲染处理方法,其特征在于,包括:
将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
将所述字符串转换成二进制数据文件;
调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
2.如权利要求1所述的渲染处理方法,其特征在于,所述将所述字符串转换成二进制数据文件,包括:
使用二进制大对象Blob对象将所述字符串转换成二进制数据文件。
3.如权利要求1所述的渲染处理方法,其特征在于,所述调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页,包括:
将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象;
调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
4.如权利要求3所述的渲染处理方法,其特征在于,所述将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象,包括:
使用创建对象统一资源定位符createObjectURL接口将所述二进制数据文件转换成可被所述绘图接口访问的网络资源对象。
5.如权利要求3所述的渲染处理方法,其特征在于,所述调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页,包括:
调用所述浏览器可执行脚本中的图像Image对象加载所述网络资源对象;
使用所述浏览器的Canvas绘图接口,将所述网络资源对象绘制为网页。
6.一种浏览器网页的渲染处理装置,其特征在于,包括:
第一处理模块,用于将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
第二处理模块,用于将所述字符串转换成二进制数据文件;
网页绘制模块,用于调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
7.如权利要求6所述的渲染处理装置,其特征在于,所述第二处理模块包括:
处理单元,用于使用Blob对象将所述字符串转换成二进制数据文件。
8.如权利要求6所述的渲染处理装置,其特征在于,所述网页绘制模块包括:
转换单元,用于将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象;
绘制单元,用于调用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
9.如权利要求8所述的渲染处理装置,其特征在于,所述转换单元包括:
转换子单元,用于使用createObjectURL接口将所述二进制数据文件转换成可被所述浏览器的绘图接口访问的网络资源对象。
10.如权利要求8所述的渲染处理装置,其特征在于,所述绘制单元包括:
调用子单元,用于调用所述浏览器可执行脚本中的Image对象加载所述网络资源对象;
绘制子单元,用于使用所述浏览器的绘图接口,将所述网络资源对象绘制为网页。
11.一种终端设备,其特征在于,终端设备包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
将需展示的网页数据转换为字符串后,写入浏览器可执行脚本的变量中;
将所述字符串转换成二进制数据文件;
调用所述浏览器的绘图接口,将所述二进制数据文件绘制为网页。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310430513.1A CN103513987A (zh) | 2013-09-18 | 2013-09-18 | 一种浏览器网页的渲染处理方法、装置及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310430513.1A CN103513987A (zh) | 2013-09-18 | 2013-09-18 | 一种浏览器网页的渲染处理方法、装置及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103513987A true CN103513987A (zh) | 2014-01-15 |
Family
ID=49896771
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310430513.1A Pending CN103513987A (zh) | 2013-09-18 | 2013-09-18 | 一种浏览器网页的渲染处理方法、装置及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103513987A (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104573110A (zh) * | 2015-02-02 | 2015-04-29 | 北京恒华伟业科技股份有限公司 | 一种浏览器中图形的动态展示方法及装置 |
CN104899212A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页展示方法、服务器及系统 |
CN104932931A (zh) * | 2014-03-17 | 2015-09-23 | 腾讯科技(深圳)有限公司 | 处理信息的方法及装置 |
CN105843622A (zh) * | 2016-03-25 | 2016-08-10 | 广州华多网络科技有限公司 | 一种动画处理方法及设备 |
CN106991096A (zh) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | 动态页面渲染方法及装置 |
CN109325195A (zh) * | 2018-07-23 | 2019-02-12 | 招银云创(深圳)信息技术有限公司 | 浏览器的渲染方法和系统、计算机设备、计算机存储介质 |
CN110018863A (zh) * | 2018-01-09 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | 一种移动端文本显示方法、存储介质、设备及系统 |
CN111199141A (zh) * | 2018-10-31 | 2020-05-26 | 阿里巴巴集团控股有限公司 | 图片处理方法、装置及电子设备 |
CN112583776A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 网络资源的处理方法、装置和系统、存储介质及电子设备 |
CN112699326A (zh) * | 2019-10-23 | 2021-04-23 | 上海哔哩哔哩科技有限公司 | 一种网页页面渲染控制方法及装置 |
CN114328422A (zh) * | 2021-12-29 | 2022-04-12 | 蜂助手股份有限公司 | 基于Canvas的图片压缩方法、装置和计算机设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101383848A (zh) * | 2007-09-04 | 2009-03-11 | Lg电信株式会社 | 用于移动网络服务的系统和方法 |
CN101860533A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种基于c/s架构浏览器的数据传输方法及服务器 |
US20120246554A1 (en) * | 2011-03-23 | 2012-09-27 | Ericom Software Ltd. | Performing binary composition of images onto an html canvas element |
CN102750281A (zh) * | 2011-04-19 | 2012-10-24 | 腾讯科技(深圳)有限公司 | 一种浏览器的脚本处理方法和系统 |
CN102799636A (zh) * | 2012-06-26 | 2012-11-28 | 北京奇虎科技有限公司 | 移动终端显示网页的方法及系统 |
CN103200251A (zh) * | 2013-03-27 | 2013-07-10 | 百度在线网络技术(北京)有限公司 | 图片传输方法、系统和装置 |
-
2013
- 2013-09-18 CN CN201310430513.1A patent/CN103513987A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101383848A (zh) * | 2007-09-04 | 2009-03-11 | Lg电信株式会社 | 用于移动网络服务的系统和方法 |
CN101860533A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种基于c/s架构浏览器的数据传输方法及服务器 |
US20120246554A1 (en) * | 2011-03-23 | 2012-09-27 | Ericom Software Ltd. | Performing binary composition of images onto an html canvas element |
CN102750281A (zh) * | 2011-04-19 | 2012-10-24 | 腾讯科技(深圳)有限公司 | 一种浏览器的脚本处理方法和系统 |
CN102799636A (zh) * | 2012-06-26 | 2012-11-28 | 北京奇虎科技有限公司 | 移动终端显示网页的方法及系统 |
CN103200251A (zh) * | 2013-03-27 | 2013-07-10 | 百度在线网络技术(北京)有限公司 | 图片传输方法、系统和装置 |
Non-Patent Citations (1)
Title |
---|
CBURGMER ET AL.: "Drawing DOM objects into a canvas", 《HTTPS://DEVELOPER.MOZILLA.ORG/EN-US/DOCS/WEB/API/CANVAS_API/DRAWING_DOM_OBJECTS_INTO_A_CANVAS$REVISION/307987》, 17 September 2012 (2012-09-17) * |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104899212A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页展示方法、服务器及系统 |
CN104932931B (zh) * | 2014-03-17 | 2019-05-03 | 腾讯科技(深圳)有限公司 | 处理信息的方法及装置 |
CN104932931A (zh) * | 2014-03-17 | 2015-09-23 | 腾讯科技(深圳)有限公司 | 处理信息的方法及装置 |
CN104573110A (zh) * | 2015-02-02 | 2015-04-29 | 北京恒华伟业科技股份有限公司 | 一种浏览器中图形的动态展示方法及装置 |
CN106991096A (zh) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | 动态页面渲染方法及装置 |
CN105843622A (zh) * | 2016-03-25 | 2016-08-10 | 广州华多网络科技有限公司 | 一种动画处理方法及设备 |
CN110018863A (zh) * | 2018-01-09 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | 一种移动端文本显示方法、存储介质、设备及系统 |
CN110018863B (zh) * | 2018-01-09 | 2022-05-10 | 武汉斗鱼网络科技有限公司 | 一种移动端文本显示方法、存储介质、设备及系统 |
CN109325195A (zh) * | 2018-07-23 | 2019-02-12 | 招银云创(深圳)信息技术有限公司 | 浏览器的渲染方法和系统、计算机设备、计算机存储介质 |
CN111199141A (zh) * | 2018-10-31 | 2020-05-26 | 阿里巴巴集团控股有限公司 | 图片处理方法、装置及电子设备 |
CN111199141B (zh) * | 2018-10-31 | 2023-05-05 | 阿里巴巴集团控股有限公司 | 图片处理方法、装置及电子设备 |
CN112583776A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 网络资源的处理方法、装置和系统、存储介质及电子设备 |
CN112699326A (zh) * | 2019-10-23 | 2021-04-23 | 上海哔哩哔哩科技有限公司 | 一种网页页面渲染控制方法及装置 |
CN112699326B (zh) * | 2019-10-23 | 2023-03-14 | 上海哔哩哔哩科技有限公司 | 一种网页页面渲染控制方法及装置 |
CN114328422A (zh) * | 2021-12-29 | 2022-04-12 | 蜂助手股份有限公司 | 基于Canvas的图片压缩方法、装置和计算机设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103513987A (zh) | 一种浏览器网页的渲染处理方法、装置及终端设备 | |
US10334309B2 (en) | Bullet screen display method and apparatus | |
US9740671B2 (en) | Method and apparatus of generating a webpage from an original design file comprising layers | |
CN104978176B (zh) | 应用程序接口调用方法、装置及计算机可读存储介质 | |
CN103279574A (zh) | 一种浏览器图片的加载方法、装置和终端设备 | |
CN103455571A (zh) | 网页中的图片显示方法、装置及终端 | |
CN105320687A (zh) | 网页显示方法及装置 | |
CN103310004A (zh) | 未读消息数目显示方法、装置和设备 | |
CN104104711B (zh) | 阅读历史处理方法和装置 | |
US20150091935A1 (en) | Method and device for browsing web under weak light with mobile terminal browser | |
CN104239332A (zh) | 网页内容处理方法、装置及浏览器客户端 | |
CN103699595A (zh) | 一种终端浏览器的页面缓存方法和装置及终端 | |
CN104252341A (zh) | 应用程序的换肤方法、装置及应用程序的客户端设备 | |
CN104572690A (zh) | 一种获取网页数据的方法、装置和系统 | |
CN103310009A (zh) | 一种更新网页数据的方法、装置和终端设备 | |
CN105630846A (zh) | 头像更新方法及装置 | |
CN104281621A (zh) | 网页浏览方法及装置 | |
CN104954159A (zh) | 一种网络信息统计的方法和装置 | |
CN104135502A (zh) | 一种实现应用消息提醒的方法、相关设备及系统 | |
CN103455601A (zh) | 一种网页处理方法、装置及终端设备 | |
CN104951215A (zh) | 一种页面操作的处理方法和装置 | |
WO2014166266A1 (en) | File scanning method and system, client and server | |
CN103399911A (zh) | 基于浏览器客户端的访问处理方法、装置及终端设备 | |
CN104166646A (zh) | 一种输入统一资源定位符的方法和装置 | |
CN103336838A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140115 |
|
RJ01 | Rejection of invention patent application after publication |