本发明专利技术涉及一种浏览器页面显示方法、装置、浏览器及终端，其方法包括：监测用户端操作浏览器以夜间模式显示浏览器页面的指令；在监测到所述指令后且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至浏览器页面；执行脚本代码，通过渲染引擎将夜间模式的网页样式表作用到浏览器页面，得到夜间模式的浏览器页面；显示夜间模式的浏览器页面。本发明专利技术通过注入动态创建夜间网页样式表的脚本代码到原本的页面，并执行这段脚本代码，从而将浏览器页面渲染成夜间的效果，避免了现有技术加遮罩带来的页面显示模糊的问题，提高了终端浏览器夜间模式的页面显示效果。
【技术实现步骤摘要】
【专利摘要】本专利技术涉及一种浏览器页面显示方法、装置、浏览器及终端，其方法包括：监测用户端操作浏览器以夜间模式显示浏览器页面的指令；在监测到所述指令后且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至浏览器页面；执行脚本代码，通过渲染引擎将夜间模式的网页样式表作用到浏览器页面，得到夜间模式的浏览器页面；显示夜间模式的浏览器页面。本专利技术通过注入动态创建夜间网页样式表的脚本代码到原本的页面，并执行这段脚本代码，从而将浏览器页面渲染成夜间的效果，避免了现有技术加遮罩带来的页面显示模糊的问题，提高了终端浏览器夜间模式的页面显示效果。【专利说明】浏览器页面显示方法、装置、浏览器及终端
本专利技术涉及互联网
，尤其涉及一种浏览器页面显示方法、装置、浏览器及终端。
技术介绍
通常用户在使用浏览器浏览网页时，由于浏览器背景色太亮，如果浏览器时间开的长了，眼睛受到较长时间的刺激会感觉越来越不舒服。 为了解决上述问题，目前在PC终端浏览器以及手机浏览器上大都设置了夜间模式功能。在夜间模式下，网页背景色将变暗，从而可以降低网页对眼睛的刺激，尤其是减小弱光环境下网页对眼睛的刺激，用户阅读网页将感觉更加柔和，因此夜间模式更适合夜间阅读，而且比较省电。 目前，终端浏览器上的夜间模式大多通过在网页上添加遮罩，把原来的页面显示结果变暗变淡，以此来达到夜间模式的效果。但是，这种通过加遮罩的方式，在将原本的渲染结果变暗变淡的同时，也会使页面渲染结果变得模糊，甚至难于辨认。
技术实现思路
本专利技术实施例提供一种浏览器页面显示方法、装置、浏览器及终端，旨在提高终端浏览器夜间模式的页面显示效果。 本专利技术实施例提出一种浏览器页面显示方法，包括: 监测用户端操作浏览器以夜间模式显示浏览器页面的指令； 在监测到所述指令后且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至所述浏览器页面； 执行所述脚本代码，通过渲染引擎将所述夜间模式的网页样式表作用到所述浏览器页面，得到夜间模式的浏览器页面； 显示所述夜间模式的浏览器页面。 此外，本专利技术实施例还提出一种浏览器页面显示装置，包括: 监测模块，用于监测用户端操作浏览器以夜间模式显示浏览器页面的指令； 代码注入模块，用于在所述监测模块监测到所述指令后，且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至所述浏览器页面； 执行模块，用于执行所述脚本代码，通过渲染引擎将所述夜间模式的网页样式表作用到所述浏览器页面，得到夜间模式的浏览器页面； 显示模块，用于显示所述夜间模式的浏览器页面。 此外，本专利技术实施例还提出一种终端浏览器，包括如上所述的装置。 此外，本专利技术实施例还提出一种终端，包括如上所述的装置。 本专利技术实施例提出的一种浏览器页面显示方法、装置、浏览器及终端，通过隐藏浏览器页面，接收到页面数据进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至浏览器页面；执行脚本代码，通过渲染引擎将夜间模式的网页样式表作用到浏览器页面，得到夜间模式的浏览器页面并显示，由此通过注入动态创建夜间网页样式表的脚本代码到原本的页面，并执行这段脚本代码，从而将浏览器页面渲染成夜间的效果，避免了现有技术加遮罩带来的页面显示模糊的问题，提高了终端浏览器夜间模式的页面显示效果O 【专利附图】【附图说明】 图1是本专利技术浏览器页面显示方法第一实施例的流程示意图； 图2是本专利技术实施例中网页样式表的结构示意图； 图3是采用本专利技术实施例方案与现有技术的添加遮罩方案所得到的页面显示对比结果示意图； 图4是本专利技术浏览器页面显示方法第二实施例的流程示意图； 图5是本专利技术浏览器页面显示装置第一实施例的功能模块示意图； 图6是本专利技术浏览器页面显示装置第二实施例的功能模块示意图。 为了使本专利技术的技术方案更加清楚、明了，下面将结合附图作进一步详述。 【具体实施方式】 本专利技术实施例涉及的技术术语包括: Javascript:一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作； css:是Cascading Style Sheet的缩写,译为“层叠样式表单”,也称级联样式表，用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 本专利技术实施例解决方案主要是:通过注入动态创建夜间网页样式表的脚本代码到原本的页面，并执行这段脚本代码，从而将浏览器页面渲染成夜间的效果，避免加遮罩带来的页面显示模糊的问题。 如图1所示，本专利技术第一实施例提出一种浏览器页面显示方法，包括: 步骤S101，监测用户端操作浏览器以夜间模式显示浏览器页面的指令； 其中，浏览器可以为PC终端浏览器，也可以为手机等移动终端浏览器，比如UC浏览器、QQ浏览器等。 当用户需要将浏览器页面显示为夜间模式效果时，浏览器首先隐藏当前浏览器页面，以防止用于夜间模式的网页样式表还没注入，浏览器页面就已经渲染出来，即会出现短暂时间的日间效果。 其中，判断用户是否需要将浏览器页面显示为夜间模式效果，可以采用以下方式:在用户首次操作浏览器时即触发浏览器页面显示为夜间模式的指令，或者，在终端操作界面上设置选项按钮，用户可以根据需要选择相应的按钮来触发浏览器页面显示为夜间模式的指令。此外，该选项按钮还可以在夜间模式功能设置成功之后，作为后续夜间模式与日间模式之间的切换按钮，同时，用户还可以根据需要操作相应的选项按钮，来开启或关闭夜间模式功能。 步骤S102，在监测到所述指令后且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至所述浏览器页面； 浏览器在接收到用户端点击某网址的操作指令后，向后台服务器发送请求，以从后台服务器拉取该网址对应的页面数据。后台服务器收到浏览器的请求后，向浏览器返回相应的页面数据。 浏览器在接收到页面数据后，通过浏览器内核创建dom树，开始渲染所述浏览器页面；并将用于创建夜间模式的网页样式表的代码注入至所述浏览器页面，以便后续在执行该脚本代码时，可以生成夜间模式的网页样式表，使其产生作用。 其中，作为一种较佳实施方式，上述脚本代码具体可以采用Javascript脚本代码。 网页样式表可以为css或者其他用于控制网页中标志性的显示属性的样式表单。该网页样式表相当于一个用来容纳与页面属性相关的样式规则的容器，该样式规则可以为设置链接、文本的颜色，设置背景色，去掉背景图以及设置border的颜色等。因此，在网页样式表中包括样式规则的属性名称及属性值的对应关系，如图2所示，其中样式规则涉及的属性包括链接、文本颜色、背景色、去掉背景图以及边界颜色等，上述属性对应的值可以根据实际需要来设定。 以css为例，本实施例所涉及的css功能有用于创建夜间模式的设置链接、文本的颜色，设置背景色，去掉背景图；以及设置border的颜色等样式规则，所有这些夜间模式的CSS功能所涉及的样式规则都可以通过！ important这种设定的语法来指定相应的应用优先本文档来自技高网...
【技术保护点】
一种浏览器页面显示方法，其特征在于，包括：监测用户端操作浏览器以夜间模式显示浏览器页面的指令；在监测到所述指令后且接收到页面数据并进行页面渲染时，将用于创建夜间模式的网页样式表的脚本代码注入至所述浏览器页面；执行所述脚本代码，通过渲染引擎将所述夜间模式的网页样式表作用到所述浏览器页面，得到夜间模式的浏览器页面；显示所述夜间模式的浏览器页面。
【技术特征摘要】
【专利技术属性】
技术研发人员：张锐杰，蔡荧园，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。