一种浏览器网页的渲染处理方法、装置及终端设备制造方法及图纸

本公开实施例提供了一种浏览器网页的渲染处理方法、装置及终端设备，用以解决浏览器网页渲染处理技术需要额外开发、可展示的内容较少的问题。本公开实施例提供的渲染处理方法，包括：将需展示的网页数据转换为字符串后，写入浏览器可执行脚本的变量中；将字符串转换成二进制数据文件；调用浏览器的绘图接口，将二进制数据文件绘制为网页。本公开实施例不仅可以加速网页渲染和展示，而且不需要重新开发代码，不会减少显示的网页内容，能比较明显的提升用户的使用体验。

【技术实现步骤摘要】
【专利摘要】本公开实施例提供了一种浏览器网页的渲染处理方法、装置及终端设备，用以解决浏览器网页渲染处理技术需要额外开发、可展示的内容较少的问题。本公开实施例提供的渲染处理方法，包括：将需展示的网页数据转换为字符串后，写入浏览器可执行脚本的变量中；将字符串转换成二进制数据文件；调用浏览器的绘图接口，将二进制数据文件绘制为网页。本公开实施例不仅可以加速网页渲染和展示，而且不需要重新开发代码，不会减少显示的网页内容，能比较明显的提升用户的使用体验。【专利说明】一种浏览器网页的渲染处理方法、装置及终端设备
本专利技术涉及通讯
，尤其涉及一种浏览器网页的渲染处理方法、装置及终端设备。
技术介绍
随着互联网行业的发展，移动互联网成为了互联网发展的一个新的方向，越来越多的用户开始使用移动终端浏览器访问网站。移动终端相比于传统的PC (personalcomputer,个人电脑)、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、安卓androicUmac (Macintosh,苹果电脑)、pc (personal computer,个人计算机)等)的浏览器。比如对于HTML5.0浏览器本文档来自技高网...

【技术保护点】
一种浏览器网页的渲染处理方法，其特征在于，包括：将需展示的网页数据转换为字符串后，写入浏览器可执行脚本的变量中；将所述字符串转换成二进制数据文件；调用所述浏览器的绘图接口，将所述二进制数据文件绘制为网页。

【技术特征摘要】

【专利技术属性】
技术研发人员：任远，姚丽梅，王宗妮，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：