CN103488646B - 一种移动终端浏览器弱光源下浏览网页的方法及装置 - Google Patents

Abstract

本发明公开了一种移动终端浏览器弱光源下浏览网页的方法及装置，属于计算机领域。所述方法包括：接收用户输入的网页网址，根据所述网址下载所述网页的代码；在所述网页的代码中注入预设代码，所述预设代码具有修改所述网页的页面元素的颜色的功能；通过执行所述预设代码修改所述网页的页面元素的颜色，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。本发明通过在下载用户访问的网页的代码后，在网页的代码中嵌入预设的具有修改网页的页面元素的颜色的代码实现网页元素配色的调整，将页面元素的配色调整为适合弱光源下浏览的低对比配色方案，从业务层次解决问题，使得浏览器的架构更清晰，便于维护。

Description

一种移动终端浏览器弱光源下浏览网页的方法及装置

技术领域

本发明涉及计算机领域，特别涉及一种移动终端浏览器弱光源下浏览网页的方法及装置。

背景技术

随着网络的发展，人们对网页浏览的需求越来越大，在各种移动终端上也开始普及浏览器，并且随着移动终端上的浏览器的发展，浏览器也具有越来越多能够满足人们各种需求的人性化功能。例如，夜间浏览模式就是其中一种，可用于在弱光源下向用户提供人性化的浏览模式。

在通常情况下，为了使用户便于看清网页内容，网页的页面元素的颜色之间对比度较高。但是到了夜间或在光源不充足的情况下，较高的颜色对比度较刺眼，为此，发展了具有在弱光源下进行网页浏览功能的浏览器。夜间浏览模式，即降低页面浏览时页面元素配色对比度，使得屏幕光线不再刺眼。

在现有的浏览器中，为了实现弱光源下的网页浏览，通常需要使用代码修改浏览器的底层代码，通过写入固定的颜色值实现。但是，这种通过修改浏览器的底层代码实现弱光源下的网页浏览的方式，将会导致浏览器的内核层代码逻辑复杂无法维护。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种移动终端浏览器弱光源下浏览网页的方法及装置。所述技术方案如下：

一方面，提供了一种移动终端浏览器弱光源下浏览网页的方法，所述方法包括：

接收用户输入的网页网址，根据所述网址下载所述网页的代码；

在所述网页的代码中注入预设代码，所述预设代码具有修改所述网页的页面元素的颜色的功能；

通过执行所述预设代码修改所述网页的页面元素的颜色，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。

进一步地，所述在所述网页的代码中注入预设代码之前，所述方法还包括：

根据所述网页的代码在浏览器的页面显示区域渲染得到所述网页。

进一步地，所述在所述网页的代码中注入预设代码，具体包括：

判断是否接收到所述网页渲染完成的事件通知；

当接收到所述网页渲染完成的事件通知时，触发执行所述预设代码的操作。

进一步地，所述通过执行所述预设代码修改所述网页的页面元素的颜色，具体包括：

逐一获取所述网页的页面元素的颜色属性，并重新设置所述页面元素的颜色属性，直至所述网页的全部页面元素设置完成。

进一步地，所述重新设置所述页面元素的颜色属性，具体包括：

获取所述页面元素的前景色属性，并将所述前景色属性的色值设置为0xFFFFFF~0x808080之间；

获取所述页面元素的背景色属性，并将所述背景色属性的色值设置为0x000000~0x808080之间。

另一方面，提供一种移动终端浏览器弱光源下浏览网页的装置，所述装置包括：

下载模块，用于接收用户输入的网页网址，根据所述网址下载所述网页的代码；

注入模块，用于在所述网页的代码中注入预设代码，所述预设代码具有修改所述网页的页面元素的颜色的功能；

修改模块，用于通过执行所述预设代码修改所述网页的页面元素的颜色，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。

进一步地，所述装置还包括：

渲染模块，用于在所述注入模块在所述网页的代码中注入预设代码之前，根据所述网页的代码在浏览器的页面显示区域渲染得到所述网页。

进一步地，所述注入模块，具体包括：

判断单元，用于判断是否接收到所述网页渲染完成的事件通知；

触发单元，用于当所述判断单元判断得到接收到所述网页渲染完成的事件通知时，触发执行所述预设代码的操作。

进一步地，所述修改模块，具体用于逐一获取所述网页的页面元素的颜色属性，并重新设置所述页面元素的颜色属性，直至所述网页的全部页面元素设置完成。

进一步地，所述修改模块，具体包括：

获取单元，用于逐一的获取所述网页的页面元素的颜色属性；

第一修改单元，用于获取所述页面元素的前景色属性，并将所述前景色属性的色值设置为0xFFFFFF~0x808080之间；

第二修改单元，用于获取所述页面元素的背景色属性，并将所述背景色属性的色值设置为0x000000~0x808080之间。

本发明实施例提供的技术方案带来的有益效果是：通过在下载用户访问的网页的代码后，在网页的代码中嵌入预设的具有修改网页的页面元素的颜色的功能的代码实现网页元素配色的调整，将页面元素的配色调整为适合弱光源下浏览的低对比配色方案，从业务层次解决问题，使得浏览器的架构更清晰，便于维护。

附图说明

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

图1是本发明实施例1提供的一种移动终端浏览器弱光源下浏览网页的方法的流程图；

图2是本发明实施例2提供的一种移动终端浏览器弱光源下浏览网页的方法的流程图；

图3是本发明实施例3提供的一种移动终端浏览器弱光源下浏览网页的装置的结构示意图；

图4是本发明实施例3提供的一种移动终端浏览器弱光源下浏览网页的装置的第二种结构示意图；

图5是本发明实施例3提供的一种移动终端浏览器弱光源下浏览网页的装置中的注入模块的结构示意图；

图6是本发明实施例3提供的一种移动终端浏览器弱光源下浏览网页的装置中的修改模块的结构示意图。

具体实施方式

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

实施例1

如图1所示，本实施例提供了一种移动终端浏览器弱光源下浏览网页的方法，具体包括如下步骤：

101、接收用户输入的网页网址，根据网址下载网页的代码；

102、在网页的代码中注入预设代码；

其中，该预设代码具有修改上述网页的页面元素的颜色的功能。

103、通过执行上述预设代码修改网页的页面元素的颜色，使网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。

本实施例提供了一种移动终端浏览器弱光源下浏览网页的方法，通过在下载用户欲访问的网页的代码后，在网页的代码中嵌入预设的具有修改网页的页面元素的颜色的功能的代码实现网页元素配色的调整，将页面元素的配色调整为适合夜间浏览的低对比配色方案，从业务层次解决问题，使得浏览器的架构更清晰，便于维护。

实施例2

本发明实施例提供了一种移动终端浏览器弱光源下浏览网页的方法，可在移动终端的浏览器上进行实现，使得浏览器可提供弱光源下进行网页浏览的功能。

参见图2，在用户开启了浏览器的弱光源浏览功能的情况下，该方法流程包括：

201、接收用户输入的网页网址；

202、根据上述网址下载网页的代码；

其中，网页的代码，具体的可以为HTML（Hypertext Markup Language，超文本标记语言）代码，在该HTML代码中规定了当前网页的全部页面元素的属性，包括每个页面元素的位置、颜色、具体内容等属性。

203、根据网页的代码在浏览器的页面显示区域渲染得到该网页；

进一步地，浏览器根据网页的代码在浏览器的页面显示区域渲染得到该网页，具体可以为：

浏览器解析网页的代码得到DOM（Document Object Model，文本对象模型）树，根据DOM树在终端的屏幕上浏览器的显示区域渲染页面元素得到当前网页。

其中，在DOM树中存储有每个页面元素的属性。

204、判断是否接收到网页渲染完成的事件通知，如果是，执行步骤205，如果不是，继续执行本步骤的判断操作；

需要说明的是，当网页在浏览器的显示区域渲染完成时，会返回给浏览器一个渲染完成的事件通知，在本实施例中，监控该事件通知，并将该事件通知做作为向网页的代码中注入具有修改所述网页的页面元素的颜色的功能的代码的触发事件。

205、在网页的代码中注入预设代码；

其中，在网页的代码中注入预设代码具有修改网页的页面元素的颜色的功能，即在接收到网页渲染完成的事件通知后，使浏览器执行的网页的代码的地址指向预设的具有修改网页的页面元素的颜色的代码的地址，以执行预设的具有修改网页的页面元素的颜色的代码。

206、通过执行上述预设代码修改网页的页面元素的颜色。

其中，通过执行上述预设代码修改网页的页面元素的颜色，具体的可以为：

逐一获取网页的页面元素的颜色属性，并重新设置所述页面元素的颜色属性，直至所述网页的全部页面元素设置完成。

进一步地，重新设置页面元素的颜色属性，具体包括：

获取页面元素的前景色属性，并将前景色属性的色值设置为0xFFFFFF~0x808080之间；

获取页面元素的背景色属性，并将背景色属性的色值设置为0x000000~0x808080之间。

通过上述对网页的页面元素的颜色属性的修改，即可使网页的页面元素的颜色的对比度达到预设的对比度以适合夜间浏览。

进一步地，0xFFFFFF~0x808080在JavaScirpt中为亮度递减的白色，0x000000~0x808080为亮度递增的黑色。

为了便于说明，本实施例提供了如下的JavaScirpt代码作为具有修改网页的页面元素的颜色的功能的代码以进行说明：

在上述代码中，i表示在当前网页的全部页面元素中的第i个页面元素，document.all.length用于表示当前网页的全部页面元素的个数，document.all[i].style.color表示第i个页面元素的前景色属性，document.all[i].style.bgcolor和document.all[i].style.backgroundColor均表示第i个页面元素的背景色属性，其中，style.bgcolor用于设置P元素的背景色，例如文字段落的背景色，而style.backgroundColor用于设置网页中的按钮、编辑框等的背景色。

在本实施例中，具体的可以将document.all[i].style.color设置为"#808080"，即文字的前景色为亮度为50%的白色，document.all[i].style.bgcolor和document.all[i].style.backgroundColor均设置为"#000000"，即黑色，使得当前网页的背景为黑色，文字为白色，便于用户进行夜间浏览。

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

需要说明的是，在步骤203中根据网页的代码在浏览器的页面显示区域渲染得到该网页到本步骤中刷新当前网页，显示修改颜色属性后的网页所需时间极短，不会被用户所发觉。

本实施例提供了一种移动终端浏览器弱光源下浏览网页的方法，通过在下载用户欲访问的网页的代码后，在网页的代码中嵌入预设的具有修改网页的页面元素的颜色的功能的代码实现网页元素配色的调整，将页面元素的配色调整为适合弱光源下浏览的低对比配色方案，从业务层次解决问题，使得浏览器的架构更清晰，便于维护。

实施例3

参见图3，本发明实施例提供了一种移动终端浏览器弱光源下浏览网页的装置，该装置包括：

下载模块301，用于接收用户输入的网页网址，根据网址下载网页的代码；

注入模块302，用于在网页的代码中注入预设代码，该预设代码具有修改所述网页的页面元素的颜色的功能；

修改模块303，用于通过执行上述预设代码修改网页的页面元素的颜色，使网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览。

进一步地，如图4所示，上述装置还包括：

渲染模块304，用于在注入模块302在网页的代码中注入预设代码之前，根据网页的代码在浏览器的页面显示区域渲染得到网页。

进一步地，如图5所示，注入模块302，具体包括：

判断单元3021，用于判断是否接收到网页渲染完成的事件通知；

触发单元3022，用于当判断单元3021判断得到接收到网页渲染完成的事件通知时，触发执行预设代码的操作。

进一步地，修改模块303，具体用于逐一获取网页的页面元素的颜色属性，并重新设置页面元素的颜色属性，直至网页的全部页面元素设置完成。

进一步地，如图6所示，修改模块303，具体包括：

获取单元3031，用于逐一的获取网页的页面元素的颜色属性；

第一修改单元3032，用于获取页面元素的前景色属性，并将前景色属性的色值设置为0xFFFFFF~0x808080之间；

第二修改单元3033，用于获取页面元素的背景色属性，并将背景色属性的色值设置为0x000000~0x808080之间。

本实施例提供了一种移动终端浏览器弱光源下浏览网页的装置，通过在下载用户欲访问的网页的代码后，在网页的代码中嵌入预设的具有修改网页的页面元素的颜色的功能的代码实现网页元素配色的调整，将页面元素的配色调整为适合弱光源下浏览的低对比配色方案，从业务层次解决问题，使得浏览器的架构更清晰，便于维护。

需要说明的是：上述实施例提供的移动终端浏览器弱光源下浏览网页的装置在进行网页的弱光源下浏览时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的移动终端浏览器弱光源下浏览网页的装置与移动终端浏览器弱光源下浏览网页的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

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

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

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

Claims (8)

1.一种移动终端浏览器弱光源下浏览网页的方法，其特征在于，所述方法包括：

接收用户输入的网页网址，根据所述网址下载所述网页的代码；

在所述网页的代码中注入预设代码，使浏览器执行的所述网页的代码的地址指向所述预设代码的地址，所述预设代码具有修改所述网页的页面元素的颜色的功能；

通过执行所述预设代码修改所述网页的页面元素的颜色，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；

其中，所述根据所述网址下载所述网页的代码之后，还包括：

解析所述网页的代码得到DOM树，根据所述DOM树在终端的屏幕上浏览器的显示区域渲染页面元素得到当前网页，所述DOM树中存储有每个页面元素的属性；

所述在所述网页的代码中注入预设代码之后，还包括：

将所述DOM树中记录的所述页面元素的颜色记录为修改后的值，根据修改颜色后的DOM树自动刷新所述当前网页，显示修改颜色后的网页；

所述通过执行所述预设代码修改所述网页的页面元素的颜色，具体包括：

逐一获取所述网页的页面元素的颜色属性，并重新设置所述页面元素的颜色属性，直至所述网页的全部页面元素设置完成。

2.根据权利要求1所述的方法，其特征在于，所述在所述网页的代码中注入预设代码之前，所述方法还包括：

根据所述网页的代码在浏览器的页面显示区域渲染得到所述网页。

3.根据权利要求2所述的方法，其特征在于，所述在所述网页的代码中注入预设代码，具体包括：

判断是否接收到所述网页渲染完成的事件通知；

当接收到所述网页渲染完成的事件通知时，触发执行所述预设代码的操作。

4.根据权利要求1所述的方法，其特征在于，所述重新设置所述页面元素的颜色属性，具体包括：

获取所述页面元素的前景色属性，并将所述前景色属性的色值设置为0xFFFFFF～0x808080之间；

获取所述页面元素的背景色属性，并将所述背景色属性的色值设置为0x000000～0x808080之间。

5.一种移动终端浏览器弱光源下浏览网页的装置，其特征在于，所述装置包括：

下载模块，用于接收用户输入的网页网址，根据所述网址下载所述网页的代码；

注入模块，用于在所述网页的代码中注入预设代码，使浏览器执行的所述网页的代码的地址指向所述预设代码的地址，所述预设代码具有修改所述网页的页面元素的颜色的功能；

修改模块，用于通过执行所述预设代码修改所述网页的页面元素的颜色，使所述网页的页面元素的颜色的对比度达到预设的对比度以适合弱光源下浏览；

其中，所述根据所述网址下载所述网页的代码之后，还包括：

解析所述网页的代码得到DOM树，根据所述DOM树在终端的屏幕上浏览器的显示区域渲染页面元素得到当前网页，所述DOM树中存储有每个页面元素的属性；

所述在所述网页的代码中注入预设代码之后，还包括：

将所述DOM树中记录的所述页面元素的颜色记录为修改后的值，根据修改颜色后的DOM树自动刷新所述当前网页，显示修改颜色后的网页；

所述修改模块，具体用于逐一获取所述网页的页面元素的颜色属性，并重新设置所述页面元素的颜色属性，直至所述网页的全部页面元素设置完成。

6.根据权利要求5所述的装置，其特征在于，所述装置还包括：

渲染模块，用于在所述注入模块在所述网页的代码中注入预设代码之前，根据所述网页的代码在浏览器的页面显示区域渲染得到所述网页。

7.根据权利要求6所述的装置，其特征在于，所述注入模块，具体包括：

判断单元，用于判断是否接收到所述网页渲染完成的事件通知；

触发单元，用于当所述判断单元判断得到接收到所述网页渲染完成的事件通知时，触发执行所述预设代码的操作。

8.根据权利要求5所述的装置，其特征在于，所述修改模块，具体包括：

获取单元，用于逐一的获取所述网页的页面元素的颜色属性；

第一修改单元，用于获取所述页面元素的前景色属性，并将所述前景色属性的色值设置为0xFFFFFF～0x808080之间；

第二修改单元，用于获取所述页面元素的背景色属性，并将所述背景色属性的色值设置为0x000000～0x808080之间。