基于JavaScript定制页面的方法及系统技术方案

本发明专利技术提供一种基于JavaScript定制页面的方法及系统，其中的方法包括，根据浏览器访问的网址获取待处理网页的源页面代码；在待处理网页的源页面代码的head标签后立即插入预设的JavaScript定制页面文件；执行JavaScript定制页面文件，将JavaScript定制页面文件后的源页面代码封装成文本字符串；根据封装后的文本字符串获取待处理页面的业务数据；根据JavaScript定制页面文件中的定制规则，创建基于业务数据的定制页面的DOM对象；加载所述DOM对象，得到定制页面。利用上述根据本发明专利技术提供的基于JavaScript定制页面的方法及系统，能够节省用户在访问页面时的流量，还能够提升浏览器在定制页面时的响应速度。

【技术实现步骤摘要】

本专利技术涉及移动互联网
,更为具体地,涉及一种基于JavaScript定制页面的方法及系统。
技术介绍
目前，浏览器的论坛模式、小说阅读器等智能模式的产品，为用户提供的都是针对特定网页的定制页面，其根据用户的访问请求定制网页内容的方式，都是通过中间件服务器处理后返回浏览器显示给用户实现的。图1示出了现有的浏览器定制特定网页内容的基本流程，如图1所示，在浏览器发起网页内容定制请求后，中间件服务器会根据浏览器发起的请求，把指定的URL地址访问一遍。在此过程中，中间件服务器解析DOM对象后,把定制业务相关的JavaScript定制页面文件注入到页面中，并且和原页面一起运行和解析；在完成所有的定制和渲染后，中间件服务器会根据和JavaScript定制页面文件约定好的规则条件,移除非JavaScript定制页面文件定制页面的资源代码，最后形成定制页面输出给浏览器解析，并显示给用户。从图1中可以看出，从注入JavaScript定制页面文件到JavaScript定制页面文件动态生成页面的过程，都是在中间件服务器中完成的，浏览器自身只需负责渲染中间件服务器最终生成的页面。由于浏览器在发起定制请求后需要等待中间件服务器完成上述一系列数据处理后才能获得定制页面(JavaScript定制页面文件定制页面)的资源代码，因此，这种定制网页内容的方法会导致浏览器定制页面的响应速度慢，同时浏览器需要从中间件服务器端下载全部的JavaScript定制页面文件定制页面的资源代码，也会增加用户的流量支出。因此，需要一种能够提高响应速度同时降低用户流量的新的定制页面的技术方案。
技术实现思路
鉴于上述问题，本专利技术的目的是提供一种基于JavaScript定制页面的方法及系统，以解决浏览器在定制页面时响应速度慢的问题，以及浏览器在定制页面过程中耗费用户流量的问题。本专利技术提供的基于JavaScript定制页面的方法,包括:根据浏览器访问的网址获取待处理网页的源页面代码；在待处理网页的源页面代码的head标签后立即插入预设的JavaScript定制页面文件；执行JavaScript定制页面文件,将JavaScript定制页面文件后的源页面代码封装成文本字符串；根据封装后的文本字符串获取待处理页面的业务数据；根据JavaScript定制页面文件中的定制规则，创建基于业务数据的定制页面的DOM对象；加载DOM对象，得到定制页面。本专利技术提供的基于JavaScript定制页面的系统,包括:源页面代码获取单元，用于根据浏览器访问的网址获取待处理网页的源页面代码；JavaScript定制页面文件插入单元,用于在待处理网页的源页面代码的head标签后立即插入预设的JavaScript定制页面文件；源页面代码封装单元,用于执行JavaScript定制页面文件,将JavaScript定制页面文件后的源页面代码封装成文本字符串；业务数据获取单元，用于根据封装后的文本字符串获取待处理页面的业务数据；定制页面DOM对象创建单元,用于根据JavaScript定制页面文件中的定制规则，创建基于业务数据的定制页面的DOM对象；定制页面DOM对象加载单元，用于加载DOM对象，得到定制页面。利用上述根据本专利技术提供的基于JavaScript定制页面的方法及系统，能够取得以下有益效果:I)由于定制业务相关的JavaScript定制页面文件预先设置在浏览器内，所以不需要从中间件服务器实时下载，可以减少用户在访问页面时的流量。2)由于不需要经过中间件服务器将定制业务相关的JavaScript定制页面文件注入到页面中，和页面一起运行和解析，因此，在下载源页面代码时预设在浏览器内的JavaScript定制页面文件开始执行操作,能够提升浏览器定制页面时的响应速度。3)由于将源页面代码全部字符串化，因此浏览器不会解析原页面，也不会创建DOM对象和渲染，因此，能够大幅度减少使用资源。为了实现上述以及相关目的，本专利技术的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本专利技术的某些示例性方面。然而，这些方面指示的仅仅是可使用本专利技术的原理的各种方式中的一些方式。此外，本专利技术旨在包括所有这些方面以及它们的等同物。【附图说明】通过参考以下结合附图的说明及权利要求书的内容，并且随着对本专利技术的更全面理解，本专利技术的其它目的及结果将更加明白及易于理解。在附图中:图1为现有的浏览器定制特定网页内容的基本流程示意图；图2为根据本专利技术实施例的基于JavaScript定制页面的方法的流程示意图；图3为根据本专利技术实施例的浏览器端注入JavaScript定制页面文件的交互示意图；图4为根据本专利技术实施例的基于JavaScript定制页面的系统的逻辑结构示意图；图5为根据本专利技术实施例的一个【具体实施方式】的基于JavaScript定制页面的系统的逻辑结构示意图；图6为根据本专利技术实施例的另一个【具体实施方式】的基于JavaScript定制页面的系统的逻辑结构示意图；图7为根据本专利技术实施例的又一个【具体实施方式】的基于JavaScript定制页面的系统的逻辑结构示意图。在所有附图中相同的标号指示相似或相应的特征或功能。【具体实施方式】在下面的描述中，出于说明的目的，为了提供对一个或多个实施例的全面理解，阐述了许多具体细节。然而，很明显，也可以在没有这些具体细节的情况下实现这些实施例。在其它例子中，为了便于描述一个或多个实施例，公知的结构和设备以方框图的形式示出。为了方便理解本专利技术提供的基于JavaScript定制页面的方法及系统，首先对下述内容中出现的英文进行注解:JavaScript定制页面文件,为编写的JavaScript代码,JavaScript代码存放在一个JS物理文件(也就是XXX.JS文件)中，这个JS物理文件预设在浏览器中，将JavaScript定制页面文件注入到源页面代码中，就是将保存在JS物理文件中的JavaScript代码注入到用户浏览的原始页面之中，为了表述的方便，下述的JavaScript定制页面文件等同于JavaScript 代码。HTML:是标准通用标记语言下的一个应用，通过标记符号来标记要显示的网页中的各个部分；网页文件本身是一种文本文件，通过在文本文件中添加标记符号，可以告诉浏览器如何显示其中的内容(如:文字如何处理，画面如何安排，图片如何显示等)。DOM对象:B卩文档对象模型(Document Object Model, DOM),是一种用于HTML和XML文档的编程接口，给文档提结构化的表示方法，可以改变文档的内容和呈现方式。〈head〉标签:用于定义文档的头部，是所有头部元素的容器。innerHTML:标签属性，用来设置或获取位于对象起始和结束标签内的HTML (获取HTML当前标签的起始和结束里面的内容)。document, write:用在两个方面,一方面,页面载入过程中用实时脚本创建页面内容；另一方面，用延时脚本创建本窗口或新窗口的内容。〈plaintext〉标签:可以令该标签后的html标签失去其标示作用，将按照HTML源代码的方式显示。〈/plaintext〉标签:是关闭标签。以下将结合附图对本专利技术的具体实施例进行详细描本文档来自技高网...

【技术保护点】
一种基于JavaScript定制页面的方法，包括：根据浏览器访问的网址获取待处理网页的源页面代码；在待处理网页的源页面代码的head标签后立即插入预设的JavaScript定制页面文件；执行所述JavaScript定制页面文件，将所述JavaScript定制页面文件后的源页面代码封装成文本字符串；根据封装后的文本字符串获取待处理页面的业务数据；根据所述JavaScript定制页面文件中的定制规则，创建基于所述业务数据的定制页面的DOM对象；加载所述DOM对象，得到定制页面。

【技术特征摘要】

【专利技术属性】
技术研发人员：唐俊开，刘欣，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：广东;44