CN103577171A - 一种显示网页内容的方法和移动终端 - Google Patents

Abstract

本发明公开了一种显示网页内容的方法和移动终端，属于计算机技术领域。所述方法包括：根据用户输入的网页地址，获取所述网页地址对应的网页代码；根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；渲染并显示所述修改后的网页代码对应的网页。本发明根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

Description

一种显示网页内容的方法和移动终端

技术领域

本发明涉及计算机技术领域，特别涉及一种显示网页内容的方法和移动终端。

背景技术

随着移动终端的发展，越来越多的人开始使用移动终端访问互联网，并通过移动终端内置的浏览器或第三方提供的浏览器进行网页的访问。

现有技术中，由于用户访问的大部分网页是为了电脑而设计排版的，因此为了适应用户使用移动终端进行浏览，浏览器会将用户要访问的网页地址发送至后台服务器，后台服务器会根据该网页地址获取网页，并对该网页进行处理以适应用户通过移动终端进行浏览，最后将重新排版后的网页返回给移动终端。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

通过后台服务器为移动终端访问的网页进行预先的处理的方式，需要额外架设一台或多台后台服务器，既增加了运营和维护的成本，又增加了网络中的通信负担。

发明内容

为了解决现有技术中需要后台服务器为移动终端浏览的网页进行预先处理的问题，本发明实施例提供了一种显示网页内容的方法和移动终端。所述技术方案如下：

一方面，提供了一种显示网页内容的方法，所述方法包括：

根据用户输入的网页地址，获取所述网页地址对应的网页代码；

根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

渲染并显示所述修改后的网页代码对应的网页。

其中，所述根据预先设置的方式，对所述网页代码进行修改，使得所述网页代码对应的网页按照预设的显示规则进行显示，包括：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

其中，所述在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示，包括：

在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；或者，

在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

其中，所述在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览，包括：

根据所述网页代码获取该网页各页面元素的属性信息；

在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

其中，所述在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容，包括：

根据所述网页代码获取该网页各页面元素的属性信息；

在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

另一方面，提供了一种显示网页内容的移动终端，所述移动终端包括：

获取模块，用于根据用户输入的网页地址，获取所述网页地址对应的网页代码；

修改模块，用于根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

显示模块，用于渲染并显示所述修改后的网页代码对应的网页。

其中，所述修改模块，具体用于：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

其中，所述修改模块，包括：

颜色修改单元，用于在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；

正文提取单元，用于在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

其中，所述颜色修改单元，包括：

第一获取子单元，用于根据所述网页代码获取该网页各页面元素的属性信息；

颜色修改子单元，用于在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

其中，所述正文提取单元，包括：

第二获取子单元，用于根据所述网页代码获取该网页各页面元素的属性信息；

正文提取子单元，用于在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

本发明实施例提供的技术方案带来的有益效果是：

根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例一提供的显示网页信息的方法流程图；

图2是本发明实施例二提供的显示网页信息的方法流程图；

图3是本发明实施例三提供的显示网页信息的方法流程图；

图4是本发明实施例四提供的显示网页信息的移动终端结构示意图；

图5是本发明实施例五提供的显示网页信息的移动终端结构示意图；

图6是本发明实施例六提供的显示网页信息的移动终端结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例一

本发明实施例提供了一种显示网页信息的方法，参见图1，方法流程包括：

101：根据用户输入的网页地址，获取所述网页地址对应的网页代码；

102：根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

103：渲染并显示所述修改后的网页代码对应的网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

实施例二

本发明实施例提供了一种显示网页信息的方法，参见图2，需要说明的是，本方法实施例是通过对移动终端浏览的网页中的网页代码中各颜色属性进行修改，以达到适应用户在弱光源下浏览网页的目的。

方法流程包括：

201：根据用户输入的网页地址，获取所述网页地址对应的网页代码。

当用户在浏览器中输入网页地址后，移动终端会根据网页地址通过网络向网页地址所在的服务器发送获取网页的请求。服务器根据获取网页的请求将网页的网页代码返回给移动终端。其中，网页代码具体的可以为HTML（Hypertext Markup Language，超文本标记语言）代码，在该HTML代码中规定了当前网页的全部页面元素的属性，包括每个页面元素的位置、颜色、具体内容等属性。

202：根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

本步骤在具体实施方式中可以具体为：在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

对网页注入的代码是一段JavaScript脚本语言代码，其目的用于对原始网页代码中的内容进行修改，注入代码的目的是用于修改原有网页的显示规则。在本发明实施例中对于注入的脚本语言代码的作用是用于修改原有网页中文本内容的颜色以及文本内容的背景颜色，使得原有网页的整体颜色改变，以适应用户在弱光源下的浏览需求，提高阅读的舒适度，从而达到提高用户对浏览器的阅读体验的目的。

其中，在本发明实施例中对于网页颜色的修改的步骤可以具体为：在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。

因此，步骤202可以具体为：

2021：根据所述网页代码获取该网页各页面元素的属性信息。

获取到网页代码后，浏览器解析网页代码得到DOM（Document Object Model，文本对象模型）树，其中在DOM树中存储有每个页面元素的属性。

2022：在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

具体的，浏览器在网页中执行注入的JavaScript脚本语言代码，遍历DOM树中的页面元素的属性信息，查找各个页面属性中颜色属性，并对颜色属性进行修改。通过上述对网页的页面元素的颜色属性的修改，即可使网页的页面元素的颜色的对比度达到预设的对比度以适合夜间浏览。

例如：获取页面元素的前景色属性，并将前景色属性的色值设置为0xFFFFFF～0x808080之间；获取页面元素的背景色属性，并将背景色属性的色值设置为0x000000～0x808080之间。

进一步地，在执行上述代码后，DOM树中记录的上述页面元素的颜色属性即会被记录为修改后的值，且浏览器会根据修改颜色后的DOM树自动刷新当前网页，显示修改后颜色属性后的网页。

203：渲染并显示所述修改后的网页代码对应的网页。

具体的，根据修改页面元素后的DOM树在移动终端的浏览器的显示区域渲染页面元素得到当前网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

实施例三

本发明实施例提供了一种显示网页信息的方法，参见图3，需要说明的是，本方法实施例是通过对移动终端浏览的网页中的网页代码中的正文部分进行提取，使得用户只针对网页中主要内容进行浏览，去掉广告信息或其他无用的信息，已达到提高阅读效率的目的。进一步的，本发明实施例中部分步骤与实施例二中步骤的描述相同，在本发明实施例中不再赘述具体的描述。

方法流程包括：

301：根据用户输入的网页地址，获取所述网页地址对应的网页代码。

302：根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

本步骤在具体实施方式中可以具体为：在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

对网页注入的代码是一段JavaScript脚本语言代码，其目的用于对原始网页代码中的内容进行修改，注入代码的目的是用于修改原有网页的显示规则。在本发明实施例中对于注入的脚本语言代码的作用是用于提取网页内容中的正文部分，并去掉无用的内容。其中无用的内容可以为：网页中的导航栏，网页中上部或侧部或下部的广告内容，以及无用的链接等内容。从而达到提高用户对浏览器的阅读效率以及提高用户体验体验的目的。

其中，在本发明实施例中对提取网页中正文内容的步骤可以具体为：在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

因此，步骤302可以具体为：

3021：根据所述网页代码获取该网页各页面元素的属性信息。

获取到网页代码后，浏览器解析网页代码得到DOM（Document Object Model，文本对象模型）树，其中在DOM树中存储有每个页面元素的属性。

3022：在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

具体的，浏览器在网页中执行注入的JavaScript脚本语言代码，遍历DOM树中的页面元素的属性信息，查找各个页面属性中各个段落的信息，其中包括段落的长度信息，各个段落之间的间隔距离。

在网页中会通过多种方式划分页面中显示文本信息的段落，每个段落的开始和结束在网页代码中都有对应段落标签所对应，因此在获取到页面元素的属性信息后，可以通过提取页面元素的属性信息中的段落标签确定该网页中的各个段落，从而得到每一段落的长度信息以及各个段落之间的间隔距离。其中，段落标签可以为以下介绍的几种，但是段落标签并不限定在这些标签之中，一切在网页中可以体现一段文字需要换行的标签皆可以作为本发明实施例所述的段落标签。例如：<table>标签、<p>标签、<tr>标签、<div>标签等。在网页代码中每个标签都会成组出现，即由开始标签和结束标签组成。例如：一段文字前会出现<table>标签，该段文字结束时会出现</table>标识该段文字的结束。

<table>这是一段文字。</table>

在执行上述代码后，DOM树中记录的上述页面元素的颜色属性即会被记录为修改后的值，且浏览器会根据修改颜色后的DOM树自动刷新当前网页，显示修改后颜色属性后的网页。

进一步的，通过遍历DOM树后找到所有网页内容的段落后，开始对正文内容进行提取的过程。由于正文文本是网页中的主体，在页面的代码中，正文文本的一般满足以下条件：正文代码在物理位置上会靠的很近；正文代码的一行中大都是文字；正文代码的一行中非HTML标签的文字数量较多；正文代码的一行中超链接长度所占比率不会很大。

因此提取正文的过程为：首先预设第一预设阈值对段落的长度信息进行筛选，将大于第一预设阈值的段落作为首选的正文内容。进一步的，在正文内容中经常存在长度信息较短的段落，这些段落与长度超过第一预设阈值的段落之间的段落距离应该是比较近的，为了有效的将这些内容提取出来，还应设置第二预设阈值。提取与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为网页内容的正文，并将提取出的所有段落根据原始的先后顺序进行排列，剩下的部分为广告或与正文不相关的其他内容，属于无用信息，对其进行删除。

303：渲染并显示所述修改后的网页代码对应的网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

实施例四

本发明实施例提供了一种显示网页信息的移动终端，参见图4，所述移动终端包括：

获取模块401，用于根据用户输入的网页地址，获取所述网页地址对应的网页代码；

修改模块402，用于根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

显示模块403，用于渲染并显示所述修改后的网页代码对应的网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

实施例五

参见图5，本发明实施例提供了一种显示网页信息的移动终端，需要说明的是，本发明实施例的终端对应实施例二的方法内容，所述移动终端包括：

获取模块501，用于根据用户输入的网页地址，获取所述网页地址对应的网页代码；

修改模块502，用于根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

其中，在具体实施方式中，本发明实施例的所述修改模块502，具体用于：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

其中，在具体实施方式中，本发明实施例的所述修改模块502，包括：

颜色修改单元5021，用于在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；

其中，在具体实施方式中，本发明实施例的所述颜色修改单元5021，包括：

第一获取子单元50211，用于根据所述网页代码获取该网页各页面元素的属性信息；

颜色修改子单元50212，用于在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

所述移动终端还包括：

显示模块503，用于渲染并显示所述修改后的网页代码对应的网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

实施例六

参见图6，本发明实施例提供了一种显示网页内容的移动终端，需要说明的是，本发明实施例的终端对应实施例三的方法内容，所述移动终端包括：

获取模块601，用于根据用户输入的网页地址，获取所述网页地址对应的网页代码；

修改模块602，用于根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

其中，在具体实施方式中，本发明实施例的所述修改模块602，具体用于：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

其中，在具体实施方式中，本发明实施例的所述修改模块602，包括：

正文提取单元6021，用于在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

其中，在具体实施方式中，本发明实施例的所述正文提取单元6021，包括：

第二获取子单元60211，用于根据所述网页代码获取该网页各页面元素的属性信息；

正文提取子单元60212，用于在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

所述移动终端还包括：

显示模块603，用于渲染并显示所述修改后的网页代码对应的网页。

本发明实施例根据预先设置的方式对移动终端获取的网页代码进行修改，将原有的网页代码修改为便于用户通过移动终端阅读的显示方式，提高了用户阅读的效率以及提高了用户的体验。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种显示网页内容的方法，其特征在于，所述方法包括：

根据用户输入的网页地址，获取所述网页地址对应的网页代码；

根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

渲染并显示所述修改后的网页代码对应的网页。

2.根据权利要求1所述的方法，其特征在于，所述根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示，包括：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

3.根据权利要求2所述的方法，其特征在于，所述在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示，包括：

在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；或者，

在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

4.根据权利要求3所述的方法，其特征在于，所述在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览，包括：

根据所述网页代码获取该网页各页面元素的属性信息；

在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

5.根据权利要求3所述的方法，其特征在于，所述在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容，包括：

根据所述网页代码获取该网页各页面元素的属性信息；

在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

6.一种显示网页内容的移动终端，其特征在于，所述移动终端包括：

获取模块，用于根据用户输入的网页地址，获取所述网页地址对应的网页代码；

修改模块，用于根据预先设置的方式，对所述网页代码进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示；

显示模块，用于渲染并显示所述修改后的网页代码对应的网页。

7.根据权利要求6所述的移动终端，其特征在于，所述修改模块，具体用于：

在所述网页代码中注入预设的代码，并根据所述预设的代码对所述网页代码中的属性信息进行修改，使所述网页代码对应的网页按照预设的显示规则进行显示。

8.根据权利要求7所述的移动终端，其特征在于，所述修改模块，包括：

颜色修改单元，用于在所述网页代码中注入预设的代码，并根据所述预设的代码修改所述网页代码中页面元素的颜色属性，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；

正文提取单元，用于在所述网页代码中注入预设的代码，并根据所述预设的代码提取所述网页代码中网页内容的正文内容，使所述网页去掉无用信息仅显示正文内容。

9.根据权利要求8所述的移动终端，其特征在于，所述颜色修改单元，包括：

第一获取子单元，用于根据所述网页代码获取该网页各页面元素的属性信息；

颜色修改子单元，用于在所述网页代码中注入预设的代码，根据所述预设的代码逐一获取所述网页各页面元素的属性信息中的颜色属性，并重新设置所述颜色属性，直至所述网页的全部页面元素设置完成。

10.根据权利要求8所述的移动终端，其特征在于，所述正文提取单元，包括：

第二获取子单元，用于根据所述网页代码获取该网页各页面元素的属性信息；

正文提取子单元，用于在所述网页代码中注入预设的代码，根据所述预设的代码获取所述网页各页面元素的属性信息中每一个段落的长度信息以及各个段落之间的间隔距离，并提取长度信息大于第一预设阈值的段落，以及与所述长度信息大于第一预设阈值的段落之间的间隔距离小于第二预设阈值的段落作为所述网页内容的正文内容。

Images