CN107908455B - 一种浏览器页面的切换方法和切换系统 - Google Patents
一种浏览器页面的切换方法和切换系统 Download PDFInfo
- Publication number
- CN107908455B CN107908455B CN201711153401.0A CN201711153401A CN107908455B CN 107908455 B CN107908455 B CN 107908455B CN 201711153401 A CN201711153401 A CN 201711153401A CN 107908455 B CN107908455 B CN 107908455B
- Authority
- CN
- China
- Prior art keywords
- switching
- page
- browser
- data
- same
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明适用于数据处理领域，提供了一种浏览器页面的切换方法和切换系统，所述切换方法包括：生成待显示的图形帧数据；判断所述图形帧数据中每个像素点的像素是否相同；根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。实施本发明实施例，用户在进行浏览器页面切换的等待过程中，不会显示颜色相同且空白的等待页面，提升了用户的使用体验。
Description
技术领域
本发明属于数据处理领域，尤其涉及一种浏览器页面的切换方法和切换系统。
背景技术
浏览器在加载不同页面时有一个切换过程，在该切换过程中有时会出现瞬间黑屏或白屏的现象，这是因为浏览器在加载页面过程中是边下载页面数据边根据解析页面数据的结果绘制并显示出对应的图像，数据的下载和数据的解析以及绘制通常是由相对独立的不同模块各自处理，存在某些时间段内，得到的新页面数据还并不足以构成一帧新画面，绘制模块在得不到有效数据的情况下，只能使用默认背景色(通常为黑色或白色)填满一帧画面，这就会造成显示出黑屏或白屏现象，这种现象会影响用户的使用体验。
发明内容
本发明实施例的目的在于提供一种浏览器页面的切换方法和切换系统，以解决现有技术在切换页面时会出现默认背景色的问题。
本发明实施例是这样实现的，一种浏览器页面的切换方法，所述切换方法包括：
生成待显示的图形帧数据；
判断所述图形帧数据中每个像素点的像素是否相同；
根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
本发明实施例的另一目的在于提供一种浏览器页面的切换系统，所述切换系统包括：
图形帧数据生成单元，用于生成待显示的图形帧数据；
判断单元，用于判断所述图形帧数据中每个像素点的像素是否相同；
切换单元，用于根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
本发明实施例，生成待显示的图形帧数据，判断图形帧数据中每个像素点的像素是否相同，根据判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换，使得用户在进行浏览器页面切换的等待过程中，不会显示颜色相同且空白的等待页面，提升了用户的使用体验。
附图说明
图1为本发明一示例性实施例示出的一种浏览器页面的切换方法的流程图；
图2为本发明另一示例性实施例示出的一种浏览器页面的切换方法的流程图；
图3为本发明再一示例性实施例示出的一种浏览器页面的切换方法的流程图；
图4为本发明一示例性实施例示出的一种浏览器页面的切换系统的结构图；
图5为本发明另一示例性实施例示出的一种浏览器页面的切换系统的结构图；
图6为本发明再一示例性实施例示出的一种浏览器页面的切换系统的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。
如图1所示为本发明一示例性实施例示出的一种浏览器页面的切换方法的流程图，所述切换方法包括：
步骤S101，生成待显示的图形帧数据。
在本发明实施例中，浏览器的页面在进行切换的过程中，需要预先生成用于显示的图形帧数据，浏览器根据图形帧数据生成对应的图形页面，浏览器即显示该图形页面。
如图2所示为本发明另一示例性实施例示出的一种浏览器页面的切换方法的流程图，所述生成待显示的图形帧数据包括：
步骤S201，解析浏览器页面生成图形分层数据；
步骤S202，对所述图形分层数据进行合成处理，生成完整的图形帧数据。
在本发明实施例中，完整的图形帧数据是由多个图形层数据构成的，设备在生成图形帧数据时首先对多个图形层分别进行处理，将处理完成的图形分层数据进行合成处理，即可生成完整的图形帧数据。解析浏览器页面生成图像分层数据通常由设备的浏览器内核进行，而合成处理则通常由设备的图形合成器完成。
步骤S102，判断所述图形帧数据中每个像素点的像素是否相同。
在本发明实施例中，图形帧数据中记录了每个像素点的像素数据，设备逐一读取每个像素点的像素数据，通过比对来判断每个像素点的像素是否相同。
步骤S103，根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
在本发明实施例中，如果每个像素点的像素数据相同，则该待显示的页面会显示一张所有像素颜色相同的画面，通常颜色相同的页面是页面数据没有解析完成的待机页面，为了提高用户的使用体验，该待机页面需要舍去，不进行显示；如果不是每个像素点的像素数据都相同，则表示该页面解析完成，可以进行展示，设备即进行页面切换。
需要指出的是，当像素数据相同时，像素数据通常可以显示为任一值。优选的，当像素数据相同时，所述像素数据为0或255。
如图3所述为本发明再一示例性实施例示出的一种浏览器页面的切换方法的流程图，所述进行页面切换包括：
步骤S301，将所述图形帧数据转化为OpenGL指令；
步骤S302，通过GPU硬件执行所述OpenGL指令生成浏览器画面；
步骤S303，在浏览器页面显示所述浏览器画面。
在本发明实施例中，图形帧数据并不能直接显示，需要通过设备的GPU硬件转换为画面进行显示，而GPU硬件只能去读OpenGL指令生成画面，因此图形帧数据首先转换为OpenGL指令，GPU硬件根据该OpenGL指令显示画面，并将生成的画面显示到浏览器页面上，即可完成浏览器页面的切换。
本发明实施例，生成待显示的图形帧数据，判断图形帧数据中每个像素点的像素是否相同，根据判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换，使得用户在进行浏览器页面切换的等待过程中，不会显示颜色相同且空白的等待页面，提升了用户的使用体验。
如图4所示为本发明一示例性实施例示出的一种浏览器页面的切换系统的结构图，所述切换系统包括：
图形帧数据生成单元401，用于生成待显示的图形帧数据。
在本发明实施例中，浏览器的页面在进行切换的过程中，需要预先生成用于显示的图形帧数据，浏览器根据图形帧数据生成对应的图形页面，浏览器即显示该图形页面。
如图5所示为本发明另一示例性实施例示出的一种浏览器页面的切换系统的结构图，所述图形帧数据生成单元401，包括：
图形分层数据生成子单元4011，用于解析浏览器页面生成图形分层数据；
图形帧数据生成子单元4012，用于对所述图形分层数据进行合成处理，生成完整的图形帧数据。
在本发明实施例中，完整的图形帧数据是由多个图形层数据构成的，设备在生成图形帧数据时首先对多个图形层分别进行处理，将处理完成的图形分层数据进行合成处理，即可生成完整的图形帧数据。解析浏览器页面生成图像分层数据通常由设备的浏览器内核进行，而合成处理则通常由设备的图形合成器完成。
判断单元402，用于判断所述图形帧数据中每个像素点的像素是否相同。
在本发明实施例中，图形帧数据中记录了每个像素点的像素数据，设备逐一读取每个像素点的像素数据，通过比对来判断每个像素点的像素是否相同。
切换单元403，用于根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
在本发明实施例中，如果每个像素点的像素数据相同，则该待显示的页面会显示一张所有像素颜色相同的画面，通常颜色相同的页面是页面数据没有解析完成的待机页面，为了提高用户的使用体验，该待机页面需要舍去，不进行显示；如果不是每个像素点的像素数据都相同，则表示该页面解析完成，可以进行展示，设备即进行页面切换。
需要指出的是，当像素数据相同时，像素数据通常可以显示为任一值。优选的，当像素数据相同时，所述像素数据为0或255。
如图6所示为本发明再一示例性实施例示出的一种浏览器页面的切换系统的结构图，所述切换单元，包括：
转化子单元4031，用于将所述图形帧数据转化为OpenGL指令；
浏览器画面生成子单元4032，用于通过GPU硬件执行所述OpenGL指令生成浏览器画面；
显示子单元4033，用于在浏览器页面显示所述浏览器画面。
在本发明实施例中，图形帧数据并不能直接显示，需要通过设备的GPU硬件转换为画面进行显示，而GPU硬件只能去读OpenGL指令生成画面，因此图形帧数据首先转换为OpenGL指令，GPU硬件根据该OpenGL指令显示画面，并将生成的画面显示到浏览器页面上，即可完成浏览器页面的切换。
本发明实施例，生成待显示的图形帧数据，判断图形帧数据中每个像素点的像素是否相同，根据判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换，使得用户在进行浏览器页面切换的等待过程中，不会显示颜色相同且空白的等待页面，提升了用户的使用体验。
本领域普通技术人员可以理解为上述实施例所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
本领域普通技术人员还可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以在存储于一计算机可读取存储介质中，所述的存储介质，包括ROM/RAM、磁盘、光盘等。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (10)
1.一种浏览器页面的切换方法，其特征在于，所述切换方法包括：
生成待显示的图形帧数据；
判断所述图形帧数据中每个像素点的像素是否相同；
根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
2.如权利要求1所述的切换方法，其特征在于，所述生成待显示的图形帧数据包括：
解析浏览器页面生成图形分层数据；
对所述图形分层数据进行合成处理，生成完整的图形帧数据。
3.如权利要求1所述的切换方法，其特征在于，所述进行页面切换包括：
将所述图形帧数据转化为OpenGL指令；
通过GPU硬件执行所述OpenGL指令生成浏览器画面；
在浏览器页面显示所述浏览器画面。
4.如权利要求1～3任一项所述的切换方法，其特征在于，当像素数据相同时，所述像素数据为0。
5.如权利要求1～3任一项所述的切换方法，其特征在于，当像素数据相同时，所述像素数据为255。
6.一种浏览器页面的切换系统，其特征在于，所述切换系统包括：
图形帧数据生成单元，用于生成待显示的图形帧数据；
判断单元，用于判断所述图形帧数据中每个像素点的像素是否相同；
切换单元，用于根据所述判断的结果进行浏览器页面的切换：如果相同，则不进行页面切换；如果不同，则进行页面切换。
7.如权利要求6所述的切换系统，其特征在于，所述图形帧数据生成单元，包括：
图形分层数据生成子单元，用于解析浏览器页面生成图形分层数据；
图形帧数据生成子单元，用于对所述图形分层数据进行合成处理，生成完整的图形帧数据。
8.如权利要求6所述的切换系统，其特征在于，所述切换单元，包括：
转化子单元，用于将所述图形帧数据转化为OpenGL指令；
浏览器画面生成子单元，用于通过GPU硬件执行所述OpenGL指令生成浏览器画面；
显示子单元，用于在浏览器页面显示所述浏览器画面。
9.如权利要求6～8任一项所述的切换系统，其特征在于，当像素数据相同时，所述像素数据为0。
10.如权利要求6～8任一项所述的切换系统，其特征在于，当像素数据相同时，所述像素数据为255。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711153401.0A CN107908455B (zh) | 2017-11-20 | 2017-11-20 | 一种浏览器页面的切换方法和切换系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711153401.0A CN107908455B (zh) | 2017-11-20 | 2017-11-20 | 一种浏览器页面的切换方法和切换系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107908455A CN107908455A (zh) | 2018-04-13 |
| CN107908455B true CN107908455B (zh) | 2020-12-08 |
Family
ID=61846508
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711153401.0A Active CN107908455B (zh) | 2017-11-20 | 2017-11-20 | 一种浏览器页面的切换方法和切换系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107908455B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109710348A (zh) * | 2018-11-14 | 2019-05-03 | 深圳壹账通智能科技有限公司 | 页面跳转的方法及装置、计算机设备、存储介质 |
| CN113873155B (zh) * | 2021-09-26 | 2023-06-09 | 烽火通信科技股份有限公司 | 一种增强软光敏模式判断准确率的方法和装置 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104331213A (zh) * | 2014-08-04 | 2015-02-04 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN105278797A (zh) * | 2014-06-27 | 2016-01-27 | 中兴通讯股份有限公司 | 页面切换的显示方法及装置 |
| CN106202072A (zh) * | 2015-04-29 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 提供显示内容的方法和装置 |
| CN106919377A (zh) * | 2016-07-05 | 2017-07-04 | 阿里巴巴集团控股有限公司 | 确定应用程序的展示界面是否是白屏的方法及装置 |
| CN107122192A (zh) * | 2017-04-27 | 2017-09-01 | 北京三快在线科技有限公司 | 网页视图展示方法、装置、计算设备及存储介质 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150205882A1 (en) * | 2007-03-19 | 2015-07-23 | Dean Vukas | Testing accessibility and compatibility of websites and web-based software |
| TWI462016B (zh) * | 2011-12-13 | 2014-11-21 | Delta Electronics Inc | 伺服器的自動安裝與設定方法及其應用程式 |
-
2017
- 2017-11-20 CN CN201711153401.0A patent/CN107908455B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105278797A (zh) * | 2014-06-27 | 2016-01-27 | 中兴通讯股份有限公司 | 页面切换的显示方法及装置 |
| CN104331213A (zh) * | 2014-08-04 | 2015-02-04 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN106202072A (zh) * | 2015-04-29 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 提供显示内容的方法和装置 |
| CN106919377A (zh) * | 2016-07-05 | 2017-07-04 | 阿里巴巴集团控股有限公司 | 确定应用程序的展示界面是否是白屏的方法及装置 |
| CN107122192A (zh) * | 2017-04-27 | 2017-09-01 | 北京三快在线科技有限公司 | 网页视图展示方法、装置、计算设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107908455A (zh) | 2018-04-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10410398B2 (en) | Systems and methods for reducing memory bandwidth using low quality tiles | |
| CN104850388A (zh) | 网页绘制方法及装置 | |
| CN103034729A (zh) | 网页绘制系统和方法 | |
| US8044960B2 (en) | Character display apparatus | |
| CN112714357B (zh) | 视频播放方法、视频播放装置、电子设备和存储介质 | |
| CN107908455B (zh) | 一种浏览器页面的切换方法和切换系统 | |
| CN103873915A (zh) | 用于连接片上系统处理器和外部处理器的系统和方法 | |
| US10133711B2 (en) | Display apparatus and control method thereof | |
| CN105227873A (zh) | 一种在屏显示数据的测试方法和装置 | |
| CN110187858B (zh) | 图像显示方法及系统 | |
| EP3301908A1 (en) | Numerical image conversion method and device, and storage medium and device | |
| CN112419456B (zh) | 一种特效画面生成方法和装置 | |
| KR100938992B1 (ko) | 애니메이션 폰트파일 구조 및 휴대용 단말기의 텍스트 출력방법 | |
| CN108509112B (zh) | 菜单的显示方法及装置、显示设备及存储介质 | |
| CN114697555B (zh) | 一种图像处理方法、装置、设备及存储介质 | |
| CN115576513A (zh) | 目标图像的显示方法、显示装置、电子设备和存储介质 | |
| US10484640B2 (en) | Low power video composition using a stream out buffer | |
| CN110753194B (zh) | 双屏异显方法、存储介质及电子设备 | |
| CN111179386A (zh) | 动画生成方法、装置、设备及存储介质 | |
| JP5672168B2 (ja) | 画像処理装置、画像処理方法及びプログラム | |
| US20140063068A1 (en) | Accommodating display data corresponding to a scanout area of a graphics processor within an incompatible display unit | |
| CN111475242A (zh) | 设备控制方法、装置、存储介质及电子设备 | |
| CN113254141B (zh) | 图像生成方法、装置、电子设备及存储介质 | |
| JP5034388B2 (ja) | 画像処理装置および画像処理のプログラム | |
| CN117478801A (zh) | 显示设备及显示方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |