以阅读模式浏览网页的方法及系统的制作方法
【专利摘要】本发明涉及一种以阅读模式浏览网页的方法，其包括提取当前页面的内容以生成对应的当前阅读页面，并以阅读模式显示所述当前阅读页面；判断所述当前页面之后是否存在下一页面；如判断为是，则提取所述下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将所述下一阅读页面添加至所述当前阅读页面之后。本发明的以阅读模式浏览网页的方法可自动提取下一页面并自动地在DOM树上添加对应的下一阅读页面。除此之外，用户可以进一步设置阅读模式所对应的阅读界面字体大小、字体颜色以及阅读界面的背景图片。因此较佳地提高了浏览效率。
【专利说明】以阅读模式浏览网页的方法及系统
【技术领域】
[0001]本发明涉及网页浏览技术，特别是涉及一种利用移动终端以阅读模式浏览网页的方法及系统。
【背景技术】
[0002]随着社会的进步和科技的发展，移动终端(例如智能手机、平板电脑等等)的性能越来越好，特别是大显示屏在各类移动终端的普及，人们越来越多地使用移动终端接入互联网以获取信息，其中，通过浏览网络服务商所提供的各种网页信息来获取信息已经成为人们获取网络信息的主要手段。
[0003]用户上网是以获取信息为目的，而网络服务提供商为了商业经营的需求往往会在网页中植入许多的广告、flash等等无用的内容。而这些广告、flash等图片信息不但会耗费用多过多的网页加载时间和GPRS流量资费，而且其还会影响用户对目标内容的阅读体验，其容易让用户产生反感、厌恶的情绪。因此如何去掉这些无用的、用户根本不关心的内容，为用户提供一个纯净、舒适的阅读界面，已经成为一个迫切的需求。
[0004]为了克服上述缺陷，业界在移动终端上开发出阅读模式，如UC浏览器的阅读模式和Safari浏览器的阅读模式，如果用户以阅读模式来浏览网页，则可以去除网页中植入的这些广告、flash等等无用的内容，以给用户提供一个纯净舒适的阅读界面。
[0005]但是，当网页的内容比较多时，例如对应于小说等内容的网页，其无法在一个网页上显示，其一般会利用多个网页来分别进行展示，在普通模式下，其是利用网页上的“下一页”的超链接进行切换。而现有的移动终端上的阅读模式目前也是对应地以“下一页”的超链接进行切换，因此用户在使用时极其不方便，用户阅读体验较差。
【发明内容】
[0006]本发明的目的在于，克服现有的网页浏览技术所存在的缺陷，而提供一种新的以阅读模式浏览网页的方法，较佳地提高了浏览效率。
[0007]本发明的目的及解决其技术问题是采用以下技术方案来实现的。
[0008]本发明提供一种以阅读模式浏览网页的方法，其包括提取当前页面的内容以生成对应的当前阅读页面，并以阅读模式显示所述当前阅读页面；判断所述当前页面之后是否存在下一页面；如判断为是，则提取所述下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将所述下一阅读页面添加至所述当前阅读页面之后。
[0009]本发明还提供一种以阅读模式浏览网页的系统，其包括提取模块、显示模块和判断模块，其中所述提取模块用以提取当前页面的内容以生成对应的当前阅读页面；所述显示模块用以以阅读模式显示所述当前阅读页面；而所述判断模块用以判断所述当前页面之后是否存在下一页面。其中，当所述判断模块判断所述当前页面之后存在下一页面时，则所述提取模块进一步提取所述下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将所述下一阅读页面添加至所述当前阅读页面之后。[0010]综上所述，本发明的以阅读模式浏览网页的方法及系统可以将多个连续的网页的内容提取出来以生成对应的阅读页面，并自动地将生成的阅读页面拼接在一起，因此其可以极大地提高浏览效率。
[0011]此外，本发明的以阅读模式浏览网页的方法主要是使用高效率的V8引擎，以将JavaScript代码直接编译成机器码运行，其比起传统的“中间代码+解释器”的引擎，速度要快很多，且可以将编译后的机器码直接打入so中，防止JavaScript源代码泄露，使得代码更加安全。且本发明可以避免相同页面重复的拉取和解析，复用当前页面的DOM树，可以有效缩短大页面(页面内容超过200K)的执行时间。而且如果当前页面已经提取出合理的阅读页面，通过分析当前Dom树的结构，当拉取到下一页面时，则不需要经过复杂、繁琐的数据抓取过程，直接从对应结构中取出相关数据，拼接显示即可，这样可以大大提高显示下一阅读页面的效率。
[0012]上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂，以下特举较佳实施例，并配合附图，详细说明如下。
【专利附图】
【附图说明】
[0013]图1是本发明实施例的以阅读模式浏览网页的方法的流程示意图。
[0014]图2a是移动终端的浏览器以普通模式浏览网页的示意图。
[0015]图2b是移动终端的浏览器以阅读模式浏览网页的示意图。
[0016]图3是图1所示的以阅读模式浏览网页的示意图。
[0017]图4是本发明实施例的阅读模式对应的阅读界面的示意图。
[0018]图5是本发明实施例的以阅读模式浏览网页的系统的示意图。
【具体实施方式】
[0019]为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本发明提出的以阅读模式浏览网页的方法其【具体实施方式】、方法、步骤、结构、特征及其功效，详细说明如下。
[0020]有关本发明的前述及其他技术内容、特点及功效，在以下配合参考图式的较佳实施例的详细说明中将可清楚呈现。通过【具体实施方式】的说明，当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解，然而所附图式仅是提供参考与说明之用，并非用来对本发明加以限制。
[0021]图1为本发明实施例的以阅读模式浏览网页的方法的流程示意图。在本发明中，所述以阅读模式浏览网页的方法可执行在移动终端上，例如智能手机或者平板电脑等等，以方便用户以阅读模式浏览网页内容。
[0022]如图1所示，本发明实施例的以阅读模式浏览网页的方法包括:
步骤S1:提取当前页面的内容以生成对应的当前阅读页面，并以阅读模式显示当前页面。
[0023]其中，对当前页面的内容进行提取，就是将当前页面中用户关心的文本筛选出来并重新生成新的阅读页面的过程。其中图2a示出了用户利用浏览器以普通模式浏览网页的示意图，而图2b是用户利用浏览器以阅读模式浏览网页的示意图。
[0024]如图2a所示，当用户在浏览器上以普通模式浏览网页时，可以点击浏览器上的阅读器按钮，则可以切换至如图2b所示的阅读模式。如图2a_2b所示，阅读模式下的阅读页面与普通模式下的页面相比较，如图2b所示的阅读页面比较纯净，其内没有那些用户不关心的无用信息。
[0025]步骤S2:判断当前页面之后是否存在下一页面。
[0026]具体地，在本发明中，可以通过判断当前页面是否存在指向下一页面的超链接，例如textContent为“下一页”、“下页”、“下一章”、“下章”或者“next page”的超链接，而判断当前页面之后是否存在下一页面，如当前页面存在指向下一页面的超链接，则可以判定当前页面后面存在下一页面。其中，由于一章的内容可能是由多个不同的页面来分别进行展示，因此在本发明中，可以设定“下一页”或者“下页”的超链接的优先级大于“下一章”或者“下章”的超链接的优先级，也就是说，同时出现“下一页”或者“下页”的超链接和“下一章”或者“下章”的超链接时，先读取“下一页”或者“下页”的超链接所对应的网页的内容。
[0027]步骤S3:如上述步骤S2判断为是，则提取下一页面的内容以生成对应的下一阅读页面，并在当前的DOM(Document Object Model,文档对象模型)树上自动将下一阅读页面添加至当前阅读页面之后。
[0028]在本发明中，可以在用户以阅读模式浏览当前页面所对应的当前阅读页面的同时，比如，用户浏览当前阅读页面快到页尾的时候，通过Ajax (Asynchronous JavaScriptand XML,异步的JavaScript与XML)技术向网络发出异步请求，以从指向下一页面的超链接对应的网页地址URL(Uniform Resource Locator)中获取所述下一页面的内容。在获取到下一页面的内容后，生成新的结点，然后重新提取出符合阅读模式的文本，以生成对应于下一页面的下一阅读页面，然后将其添加在在当前的DOM(Document Object Model,文档对象模型)树上自动将所述下一阅读页面添加至当前阅读页面之后，如图3所示。
[0029]通过在浏览页面上注入JavaScript代码，从而实现页面内容的判断与提取，以及下一页面内容的拉取和拼接，在逻辑上分离了 JavaScript代码和源代码，以便于后续代码的修改和维护。
[0030]在本发明中，用户只需要操作移动终端上的“丨”或者“一”按键或者在移动终端的触摸屏上滑动，即可以从当前阅读页面平滑地过渡到下一阅读页面。因此，本发明所述的以阅读模式浏览网页的方法可以使用户方便、快捷地浏览网页。
[0031]重复上述步骤S1-S3，本发明所述的以阅读模式浏览网页的方法可以不停地在DOM树上自动地在当前阅读页面后不断地添加下一阅读页面，但是，随着用户不断地拉取下一页面的内容，移动终端的内存会逐渐地减少并最终耗尽。为了避免耗尽移动终端的内存，本发明所述的以阅读模式浏览网页的方法进一步包括:
步骤S4:判断所述的当前DOM树上的阅读页面的数量是否达到预定数。
[0032]在本发明中，可以预先设定移动终端可以缓存阅读页面的数量，例如30个阅读页面，如果DOM树上的添加的阅读页面的数量并不大于预定数，则其并不会耗尽移动终端的内存，不会影响移动终端的正常使用。本领域技术人员可以理解的是，所述预定数可以根据移动终端的硬件状况而定。
[0033]步骤S5:如上述步骤S4判断为是，则在当前DOM树上进一步添加下一阅读页面时，移除当前DOM树上的首个阅读页面，并在当前DOM树上添加下一页阅读页面。
[0034]也就是说，当DOM树上的阅读页面的数量达到预定数后，且还需要进一步在DOM树上添加下一阅读页面时，则本发明可以移除DOM树上的首个阅读页面(即第一个阅读页面)，然后将需要添加的下一阅读页面添加至DOM树上，从而使DOM树上的阅读页面的数量保持在预定数内，例如30个阅读页面内，以后依次类推。
[0035]反之，本发明所述的以阅读模式浏览网页的方法在步骤S4后可进一步包括:
步骤S6:如上述步骤S4判断为是，则在返回当前DOM树上首个阅读页面的上一阅读页
面时，移除当前DOM树上的最后的阅读页面，并在当前DOM树上恢复上一阅读页面。
[0036]也就是说，当用户需要返回以前的阅读页面(已经在DOM树上移除的阅读页面)时，则可以移除DOM树上的最后的阅读页面，然后恢复之前最后的移除的结点，从而在DOM树上恢复上一阅读页面。
[0037]此外，为了给用户提供更加丰富的上网体验，因此可在本发明的阅读模式下的阅读界面上增加一些常用的定制化特定功能按钮，如图4所示，其在阅读界面上分别进一步包括“字体大小设置”功能按钮210、“字体颜色设置”功能按钮220或者“背景设置”功能按钮230等等。
[0038]此外，本发明还提供一种以阅读模式浏览网页的系统。图5为本发明实施例的以阅读模式浏览网页的系统的示意图，而本发明的以阅读模式浏览网页的系统可设置在移动终端上，例如智能手机或者平板电脑等等，以方便用户以阅读模式浏览网页内容。如图5所示，本发明的以阅读模式浏览网页的系统300包括提取模块310、显示模块320和判断模块330。其中提取模块310用以提取当前页面的内容以生成对应的当前阅读页面。显示模块320用以以阅读模式显示当前阅读页面。而判断模块330用以判断当前页面之后是否存在下一页面。其中，当判断模块330判断当前页面之后存在下一页面时，则提取模块310进一步提取下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将下一阅读页面添加至当前阅读页面之后。
[0039]判断模块330在判断当前页面之后是否存在下一页面，是判断当前页面是否存在指向下一页面的超链接，如存在，则判定当前页面之后存在下一页面。而指向下一页面的超链接包括textContent为“下一页”、“下页”、“下一章”、“下章”或者“next page”的超链接，在此，可设定“下一页”或者“下页”的超链接的优先级大于“下一章”或者“下章”的超链接的优先级。
[0040]提取模块310进一步提取下一页面的内容，是通过Ajax技术向网络发出异步请求，以从指向所述下一页面的超链接对应的网页地址中获取下一页面的内容。
[0041]此外，在本发明中，判断模块330还进一步判断当前DOM树上的阅读页面的数量是否达到预定数；当判断为是，则在提取模块310在当前DOM树上进一步添加下一阅读页面时，移除当前DOM树上的首个阅读页面，并在当前DOM树上添加下一页阅读页面。而在显示模块320需要返回当前DOM树上首个阅读页面的上一阅读页面时，移除当前DOM树上的最后的阅读页面，并在当前DOM树上恢复上一阅读页面。
[0042]综上所述，本发明的以阅读模式浏览网页的方法及系统可以将多个连续的网页的内容提取出来以生成对应的阅读页面，并自动地将生成的阅读页面拼接在一起，因此可以以清晰纯净的阅读界面来方便地浏览网页的内容，方便使用，从而极大地提高了浏览效率。[0043]此外，本发明的以阅读模式浏览网页的方法主要是使用高效率的V8引擎，以将JavaScript代码直接编译成机器码运行，其比起传统的“中间代码+解释器”的引擎，速度要快很多，且可以将编译后的机器码直接打入so中，防止JavaScript源代码泄露，使得代码更加安全。且本发明可以避免相同页面重复的拉取和解析，复用当前页面的DOM树，可以有效缩短大页面(页面内容超过200K)的执行时间。而且如果当前页面已经提取出合理的阅读页面，通过分析当前Dom树的结构，当拉取到下一页面时，则不需要经过复杂、繁琐的数据抓取过程，直接从对应结构中取出相关数据，拼接显示即可，这样可以大大提高显示下一阅读页面的效率。
[0044]以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明，任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内，当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
【权利要求】
1.一种以阅读模式浏览网页的方法，其特征在于，所述方法包括: 提取当前页面的内容以生成对应的当前阅读页面，并以阅读模式显示所述当前阅读页面； 判断所述当前页面之后是否存在下一页面； 如判断为是，则提取所述下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将所述下一阅读页面添加至所述当前阅读页面之后。
2.如权利要求1所述的方法，其特征在于，所述判断所述当前页面之后是否存在下一页面的步骤包括: 判断所述当前页面是否存在指向所述下一页面的超链接，如存在，则判定所述当前页面之后存在所述下一页面。
3.如权利要求2所述的方法，其特征在于，所述指向所述下一页面的超链接包括textContent为“下一页”、“下页”、“下一章”、“下章”或者“next page”的超链接。
4.如权利要求3所述的方法，其特征在于，所述“下一页”或者“下页”的超链接的优先级大于所述“下一章”或者“下章”的超链接的优先级。
5.如权利要求4所述的方法，其特征在于，所述下一页面的内容提取是通过Ajax技术向网络发出异步请求，以从所述指向所述下一页面的超链接对应的网页地址中获取所述下一页面的内容。
6.如权利要求5所述的方法，其特征在于，所述方法进一步包括:` 判断所述的当前DOM树上的阅读页面的数量是否达到预定数； 如判断为是，则在所述的当前DOM树上进一步添加下一阅读页面时，移除所述的当前DOM树上的首个阅读页面，并在所述的当前DOM树上添加所述下一页阅读页面。
7.如权利要求5所述的方法，其特征在于，所述方法进一步包括: 判断所述的当前DOM树上的阅读页面的数量是否达到预定数； 如判断为是，则在返回所述的当前DOM树上首个阅读页面的上一阅读页面时，移除所述的当前DOM树上的最后的阅读页面，并在所述的当前DOM树上恢复所述上一阅读页面。
8.—种以阅读模式浏览网页的系统，其特征在于，所述系统包括: 提取模块，用以提取当前页面的内容以生成对应的当前阅读页面； 显示模块，用以以阅读模式显示所述当前阅读页面； 判断模块，用以判断所述当前页面之后是否存在下一页面； 其中，当所述判断模块判断所述当前页面之后存在下一页面时，则所述提取模块进一步提取所述下一页面的内容以生成对应的下一阅读页面，并在当前DOM树上自动将所述下一阅读页面添加至所述当前阅读页面之后。
9.如权利要求8所述的系统，其特征在于，所述判断模块在判断所述当前页面之后是否存在下一页面，是判断所述当前页面是否存在指向所述下一页面的超链接，如存在，则判定所述当前页面之后存在所述下一页面。
10.如权利要求9所述的系统，其特征在于，所述指向所述下一页面的超链接包括textContent为“下一页”、“下页”、“下一章”、“下章”或者“next page”的超链接。
11.如权利要求10所述的系统，其特征在于，所述“下一页”或者“下页”的超链接的优先级大于所述“下一章”或者“下章”的超链接的优先级。
12.如权利要求11所述的系统，其特征在于，所述提取模块进一步提取所述下一页面的内容，是通过Ajax技术向网络发出异步请求，以从所述指向所述下一页面的超链接对应的网页地址中获取所述下一页面的内容。
13.如权利要求12所述的系统，其特征在于，所述判断模块还进一步判断所述的当前DOM树上的阅读页面的数量是否达到预定数；当判断为是，则在所述提取模块在所述的当前DOM树上进一步添加下一阅读页面时，移除所述的当前DOM树上的首个阅读页面，并在所述的当前DOM树上添加所述下一页阅读页面。
14.如权利要求12所述的系统，其特征在于，所述判断模块还进一步判断所述的当前DOM树上的阅读页面的数量是否达到预定数；当判断为是，则在所述显示模块返回所述的当前DOM树上首个阅读页面的上一阅读页面时，移除所述的当前DOM树上的最后的阅读页面，并在所述的当前DOM树上恢复所述上一阅读页面。
15.如权利要求8所述的系统，其特征在于，所述以阅读模式浏览网页的系统是设置在移动终端上。
16.如权利要求15所述的系统，其特征在于，所述移动终端包括智能手机或者平板电脑。
【文档编号】G06F17/30GK103514203SQ201210214931
【公开日】2014年1月15日 申请日期:2012年6月27日 优先权日:2012年6月27日
【发明者】周洪权, 沈锦龙 申请人:腾讯科技（深圳）有限公司