一种双WebView展示定制页面的方法及系统技术方案

本发明专利技术提供了一种双WebView展示定制页面的方法及系统，其中的方法包括：根据加载的原始网页信息确定定制页面的模板类型；根据所确定的定制页面的模板类型，构建新的WebView，并在所构建的新WebView上加载根据所述原始网页信息确定的定制页面模板；在所述新WebView中创建内置JS对象以使运行在所述新WebView上的定制页面模板访问原网页的WebView以获取所述原网页的页面数据；根据所获取的原网页的页面数据，在所述新WebView内生成一个新页面作为定制页面；展示定制页面。本发明专利技术能够在无需定制服务器支持及修改原始页面的情况下，实现对网页的定制，并实现在原始页面及定制页面中无缝切换，基本无需任何时间上的开销，并且能屏蔽网页的广告。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种双WebView展示定制页面的方法及系统，其中的方法包括：根据加载的原始网页信息确定定制页面的模板类型；根据所确定的定制页面的模板类型，构建新的WebView，并在所构建的新WebView上加载根据所述原始网页信息确定的定制页面模板；在所述新WebView中创建内置JS对象以使运行在所述新WebView上的定制页面模板访问原网页的WebView以获取所述原网页的页面数据；根据所获取的原网页的页面数据，在所述新WebView内生成一个新页面作为定制页面；展示定制页面。本专利技术能够在无需定制服务器支持及修改原始页面的情况下，实现对网页的定制，并实现在原始页面及定制页面中无缝切换，基本无需任何时间上的开销，并且能屏蔽网页的广告。【专利说明】—种双WebView展示定制页面的方法及系统
本专利技术涉及移动互联网
,更为具体地,涉及一种双WebView展示定制页面的方法及系统。
技术介绍
随着移动互联网技术的发展，越来越多的人喜欢通过移动终端设备浏览网页，享受着把互联网装入口袋的便利。由于受到移动终端设备的硬件限制，其浏览器的浏览效果远远比不上PC浏览器的浏览效果，再者如果把在PC浏览器上浏览的网页照搬到移动终端设备的浏览器上，又将会耗费大量的流量。因此，目前很多移动终端设备的浏览器都实现了对网页的定制。一般情况下，浏览器对网页的定制主要有以下两种方式:1、将用户的浏览器对网页的请求转至对浏览器厂商服务器的请求，由厂商的服务器到网页的真实地址获取网页数据，在厂商的服务器作网页的定制。2、通过正常途径获取网页数据，也就是不通过厂商服务器的中转和定制，但是浏览器在获取了网页数据后，浏览器通过注入JS (JavaScript, Java脚本语言)或者通过其他途径对DOM (HTML Document Object Model，文档对象模型)树进行修改，通过对DOM树的修改，修改网页的展示效果和功能，达到定制的目的。然而，现有的这两种实现方式都存在着较大的不足。首先，通过厂商服务器对网页进行定制，那么就必须要有一些后台服务器一直维持着页面的定制功能，从而加大了维护的成本；并且一旦服务器出现问题，就会影响网页的定制功能。同时，通过这种中转的形式，也会降低网页打开的速度。其次，通过注入JS或者其他途径修改DOM树，会破坏原有网页的DOM树结构，对网页的缓存和保存网页源代码等功能造成影响。由于旧页面已经被改动，重新打开网页时已经无法利用这棵已经缓存的DOM树，而保存网页源代码的过程其实就是重新将DOM树解析成字符串，因此，原有的网页缓存和保存源代码功能就失去了作用。同时，使用这种注入JS或者修改DOM树的实现方式无法在定制后屏蔽网页JS控制的广告。最后，现有的这两种网页定制实现方式都无法在进入定制模式与退出定制模式时进行无缝切换。
技术实现思路
鉴于上述问题，本专利技术的目的是提供一种双WebView展示定制页面的方法及系统，以实现对网页的定制和在原始页面以及定制页面中进行无缝切换。根据本专利技术的一个方面，提供了一种双WebView展示定制页面的方法，包括:根据加载的原始网页信息确定定制页面的模板类型；根据所确定的定制页面的模板类型,构建新的WebView,并在所构建的新WebView上加载根据所述原始网页信息确定的定制页面模板；在所述新WebView中创建内置JS对象以使运行在所述新WebView上的定制页面模板访问原网页的WebView以获取所述原网页的页面数据；根据所获取的原网页的页面数据，在所述新WebView内生成一个新页面作为定制页面；展示所生成的定制页面。其中，所述根据加载的原始网页信息确定定制页面的模板类型的过程包括:在原始网页加载到预先设置的阶段时，根据加载的原始网页信息此外，优选的方案是，所述预先设置的阶段为所述原始网页的DOM树开始构建时、所述原始网页的DOM树构建完成时或者所述原始网页的BODY节点开始建构时。此外，优选的方案是，在所述新WebView中创建内置JS对象的过程中，在所述内置JS对象中添加两个接口以访问所述原网页的WebView中的Document对象和Window对象。此外，优选的方案是，通过对新WebView和原网页的WebView之间的相互切换，完成网页在定制模式和非定制模式之间的相互转换。其中，所述定制模式和非定制模式之间的相互转换的过程包括:当退出定制模式时，将所述原网页的WebView覆盖在所述新WebView上；当退出定制页面后再进入定制模式时，将所述新WebView覆盖在所述原网页的WebView上。其中，通过对新WebView的操作,完成对原网页的WebView的数据更改,进而更改定制页面的数据，完成新WebView和所述原网页的WebView之间的数据传递。另一方面，本专利技术提供一种双WebView展示定制页面的系统，包括:模板类型确定单元，用于根据加载的原始网页信息确定定制页面的模板类型；模板加载单元，用于根据所确定的定制页面的模板类型，构建新的WebView，并在所构建的新WebView上加载根据所述原始网页信息确定的定制页面模板；页面数据获取单元，用于在所述新WebView中创建内置JS对象以使运行在所述新WebView上的定制页面模板访问原网页的WebView以获取所述原网页的页面数据；定制页面生成单元，用于根据所获取的原网页的页面数据，在所述新WebView内生成一个新页面作为定制页面；定制页面展示单元，用于展示所述定制页面。利用上述根据本专利技术的双WebView展示定制页面的方法及系统，在无需定制服务器支持及修改原网页页面的情况下，能够实现对网页的定制，并能够实现在原网页页面及定制页面中的切换，基本无需任何时间上的开销，并且能屏蔽网页的广告。同时，原网页页面会在定制结束后一直保留，与定制页面并存。用户对定制页面的操作都能有效的传递给原网页，原网页对用户操作的反馈能给定制页面捕捉，从而使得定制页面能及时的局部更新或者全局更新。为了实现上述以及相关目的，本专利技术的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本专利技术的某些示例性方面。然而，这些方面指示的仅仅是可使用本专利技术的原理的各种方式中的一些方式。此外，本专利技术旨在包括所有这些方面以及它们的等同物。【专利附图】【附图说明】通过参考以下结合附图的说明及权利要求书的内容，并且随着对本专利技术的更全面理解，本专利技术的其它目的及结果将更加明白及易于理解。在附图中:图1为根据本专利技术实施例的双WebView展示定制页面的方法流程示意图；图2为根据本专利技术实施例的生成定制页面的流程示意图；图3为根据本专利技术实施例的新WebView和原始网页的WebView之间的数据传递过程不意图；图4为根据本专利技术实施例的双WebView展示定制页面的系统方框示意图。在所有附图中相同的标号指示相似或相应的特征或功能。【具体实施方式】以下将结合附图对本专利技术的具体实施例进行详细描述。需要说明的是，本专利技术中所涉及的移动终端设备主要指手机等利用移动终端浏览器和移动互联网进行网络访问的终端设备。另外，为了清楚地说明本专利技术的技术方案，以下先对描述本专利技术的过程中涉及的一些名词作出解本文档来自技高网...

【技术保护点】
一种双WebView展示定制页面的方法，包括：根据加载的原始网页信息确定定制页面的模板类型；根据所确定的定制页面的模板类型，构建新的WebView，并在所构建的新WebView上加载根据所述原始网页信息确定的定制页面模板；在所述新WebView中创建内置JS对象以使运行在所述新WebView上的定制页面模板访问原网页的WebView以获取所述原网页的页面数据；根据所获取的原网页的页面数据，在所述新WebView内生成一个新页面作为定制页面；展示所述定制页面。

【技术特征摘要】

【专利技术属性】
技术研发人员：梁捷，俞永福，何小鹏，朱顺炎，马妙魁，张津伟，
申请(专利权)人：优视科技有限公司，
类型：发明
国别省市：北京;11