CN110297998B - 浏览器界面多窗口同时显示方法 - Google Patents
浏览器界面多窗口同时显示方法 Download PDFInfo
- Publication number
- CN110297998B CN110297998B CN201910543488.5A CN201910543488A CN110297998B CN 110297998 B CN110297998 B CN 110297998B CN 201910543488 A CN201910543488 A CN 201910543488A CN 110297998 B CN110297998 B CN 110297998B
- Authority
- CN
- China
- Prior art keywords
- browser
- webpage
- window
- module
- instance
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Abstract
本发明涉及计算机网络领域,具体的说,是一种提高上网使用者上网体验的浏览器界面多窗口同时显示方法。本发明的浏览器界面多窗口同时显示方法,打开第一个网页实体后,Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行,通过cc模块渲染合成后生成显示画面在浏览器窗口显示,触发分窗模块分窗口后下一个打开的网页实体则会在浏览器的现实窗口中与之前打开的网页实体并列显示;满足了用户对多个网页实体同时进行访问的需求,不在局限于传统浏览器的浏览方式,只需要简单的拖拽或者点击即可完成多窗口浏览。
Description
技术领域
本发明涉及计算机网络领域,具体的说,是一种提高上网使用者上网体验的浏览器界面多窗口同时显示方法。
背景技术
浏览器是上网必备的一种软件,传统浏览器只支持对单个网站进行浏览,即在一个显示窗口中,只能显示一个网页实体,无法满足用户希望同时浏览多个网站的使用场景(比如:用户在购物时,很多时候需要对比多个购物网站的同一产品)。
发明内容
本发明的所要解决的技术问题是:提供一种提高上网使用者上网体验的浏览器界面多窗口同时显示方法。
本发明通过下述技术方案实现:浏览器界面多窗口同时显示方法,包括以下步骤:
S1:用户启用浏览器,打开第一个网页实例,Chromium在Browser进程中创建该第一个网页实例的Frame Tree,并将该第一个网页实例的URL发送给Render进程进行加载;
S2:Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行;
S3:将解析结果交付cc模块进行渲染合成,生成显示画面在浏览器窗口显示;
S4:用户打开下一个网页实例,触发分窗模块分窗口;
S5:在浏览器窗口中并列显示第一个网页实例和下一个网页实例。
进一步地,为了更好的实现本发明,特别采用下述设置:所述的cc模块为chromium合成器。
进一步地,为了更好的实现本发明,特别采用下述设置:所述的chromium合成器将每一个画面层分割成很多tile,仅渲染当前viewport所涉及到的那些tile。
进一步地,为了更好的实现本发明,特别采用下述设置:所述的chromium合成器将实际渲染操作独立成impl线程,与webkit所运行的main线程分离。
进一步地,为了更好的实现本发明,特别采用下述设置:在所述的S5步骤之后,重复步骤S3至S4,在浏览器窗口中并列显示多个网页实体。
进一步地,为了更好的实现本发明,特别采用下述设置:所述的分窗模块分窗口时,根据点开网页实体的个数均匀划分显示窗口。
本发明与现有技术相比,具有以下优点及有益效果:本发明的浏览器界面多窗口同时显示方法,打开第一个网页实体后,Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行,通过cc模块渲染合成后生成显示画面在浏览器窗口显示,触发分窗模块分窗口后下一个打开的网页实体则会在浏览器的现实窗口中与之前打开的网页实体并列显示;满足了用户对多个网页实体同时进行访问的需求,不在局限于传统浏览器的浏览方式,只需要简单的拖拽或者点击即可完成多窗口浏览。
附图说明
图1为本发明的浏览器界面多窗口同时显示方法的一种流程框图。
具体实施方式
下面结合实施例对本发明作进一步地详细说明,但本发明的实施方式不限于此。
实施例1:
本发明通过下述技术方案实现,如图1所示,本发明的浏览器界面多窗口同时显示方法,包括以下步骤:
S1:用户启用浏览器,打开第一个网页实例,Chromium在Browser进程中创建该第一个网页实例的Frame Tree,并将该第一个网页实例的URL发送给Render进程进行加载;
S2:Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行;
S3:将解析结果交付cc模块进行渲染合成,生成显示画面在浏览器窗口显示;
S4:用户打开下一个网页实例,触发分窗模块分窗口;
S5:在浏览器窗口中并列显示第一个网页实例和下一个网页实例。
本发明的浏览器界面多窗口同时显示方法,打开第一个网页实体后,Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行,通过cc模块渲染合成后生成显示画面在浏览器窗口显示,触发分窗模块分窗口后下一个打开的网页实体则会在浏览器的现实窗口中与之前打开的网页实体并列显示;满足了用户对多个网页实体同时进行访问的需求,不在局限于传统浏览器的浏览方式,只需要简单的拖拽或者点击即可完成多窗口浏览。
本发明满足了用户对多个网页同时进行访问的需求,使得用户在这样的使用场景中,不在局限于传统浏览器的浏览方式(同时开多个浏览器窗口,或者来回频繁切换标签),只需要简单的拖拽或者点击即可完成多屏浏览。
进一步的,在上述实施例的基础上,所述的cc模块为chromium合成器。所述的CC模块为chromiumcompositing模块,是指chromium的合成器,是为webkit的硬件加速渲染提供合成和渲染逻辑的关键代码。最简单的理解就是,硬件加速模式下,一张网页被分成许多不同的层分别渲染,最后再合成起来。为的就是一个层的改变不影响其他层,这样可以减少渲染的工作量。
进一步的,在上述实施例的基础上,所述的chromium合成器将每一个画面层分割成很多tile,仅渲染当前viewport所涉及到的那些tile。 将每一个层分割成很多tile,仅仅渲染当前viewport所涉及到的那些tile(实际上会略多一些)。这样进一步减少了渲染的工作量,但多出了很多代码来管理tile,包括分配,渲染,回收等。
进一步的,在上述实施例的基础上,所述的chromium合成器将实际渲染操作独立成impl线程,与webkit所运行的main线程分离。将实际渲染操作独立成impl线程,与webkit所运行的main线程分离开来,这样可以减少渲染操作对webkit的影响。
进一步的,在上述实施例的基础上,在所述的S5步骤之后,重复步骤S3至S4,在浏览器窗口中并列显示多个网页实体。
进一步的,在上述实施例的基础上,所述的分窗模块分窗口时,根据点开网页实体的个数均匀划分显示窗口。这样设计以后,每个使用分窗模块分窗打开的网页实体均匀占用浏览器窗口,方便使用者浏览观看。需要说明的是,由于显示窗口有限,为了充分显示网页实体的内容,一般只会分窗显示两个或三个网页实体。
作为一种优选的实施方式,如图1所示,Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行,其中有多个Render pass渲染层,GL Renderer将Render Pass List的所有Render Pass,包括canvas标签对应的Render Pass,都绘制在一个纹理中。这个纹理接下来又会通过Mailbox传递给Browser端,Browser端像Render端一样,也是将自己要绘制的UI(包括了从Render端传递过来的纹理对象)抽象成Layer Tree、Pending Layer Tree和Active Layer Tree三棵Tree。Browser端的Active Layer Tree也是对应有一个Render Pass List。这个RenderPass List最终也是通过一个GL Renderer进行绘制。不过,这个Render Pass List将会被绘制在屏幕中,而不是被绘制在一个纹理中。用户打开下一个网页实例,触发分窗模块分窗口,重复上述的过程,然后在浏览器窗口中并列显示第一个网页实例和下一个网页实例。所述的分窗模块加载在浏览中,在打开下一个网页实体的时候,点击分窗模块的按钮,则触发分屏,打开的下一个网页实体则分窗口显示;操作时,也可以直接拖动打开的第下一网页实体到显示窗口中,则同样实现分窗口显示。
以上所述,仅是本发明的较佳实施例,并非对本发明做任何形式上的限制,凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化,均落入本发明的保护范围之内。
Claims (4)
1.浏览器界面多窗口同时显示方法,其特征在于包括以下步骤:
S1:用户启用浏览器,打开第一个网页实例,Chromium在Browser进程中创建该第一个网页实例的Frame Tree,并将该第一个网页实例的URL发送给Render进程进行加载;
S2:Render进程初始化,并请求Browser进程下载网页内容,同时Render进程对下载的网页内容进行解析、布局、绘制以及JS运行;
S3:将解析结果交付cc模块进行渲染合成,生成显示画面在浏览器窗口显示;
S4:用户打开下一个网页实例,触发分窗模块分窗口;
S5:在浏览器窗口中并列显示第一个网页实例和下一个网页实例;
在所述的S5步骤之后,重复步骤S3至S4,在浏览器窗口中并列显示多个网页实体;
所述的分窗模块分窗口时,根据点开网页实体的个数均匀划分显示窗口。
2.根据权利要求1所述的浏览器界面多窗口同时显示方法,其特征在于:
所述的cc模块为chromium合成器。
3.根据权利要求2所述的浏览器界面多窗口同时显示方法,其特征在于:
所述的chromium合成器将每一个画面层分割成很多tile,仅渲染当前viewport所涉及到的那些tile。
4.根据权利要求3所述的浏览器界面多窗口同时显示方法,其特征在于:所述的chromium合成器将实际渲染操作独立成impl线程,与webkit所运行的main线程分离。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910543488.5A CN110297998B (zh) | 2019-06-21 | 2019-06-21 | 浏览器界面多窗口同时显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910543488.5A CN110297998B (zh) | 2019-06-21 | 2019-06-21 | 浏览器界面多窗口同时显示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110297998A CN110297998A (zh) | 2019-10-01 |
CN110297998B true CN110297998B (zh) | 2021-11-19 |
Family
ID=68028432
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910543488.5A Active CN110297998B (zh) | 2019-06-21 | 2019-06-21 | 浏览器界面多窗口同时显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110297998B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103116503A (zh) * | 2011-11-17 | 2013-05-22 | 华为软件技术有限公司 | 一种多窗口的实现方法及装置 |
CN103677538A (zh) * | 2012-09-07 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 多窗口显示方法及装置 |
CN104615744A (zh) * | 2015-02-12 | 2015-05-13 | 姚林 | 显示屏下单一浏览器界面多窗口同时浏览的方法 |
CN104636120A (zh) * | 2013-11-06 | 2015-05-20 | 中兴通讯股份有限公司 | 一种浏览器的多窗口显示方法及装置 |
CN106372137A (zh) * | 2016-08-26 | 2017-02-01 | 乐视控股(北京)有限公司 | 多窗口页面显示处理方法及装置 |
CN108469972A (zh) * | 2017-02-20 | 2018-08-31 | 阿里巴巴集团控股有限公司 | 支持web页面中显示多窗口的方法和装置 |
CN108920645A (zh) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | 智能设备页面显示的方法、装置、智能设备和存储介质 |
CN109753614A (zh) * | 2018-12-24 | 2019-05-14 | 林振常 | 一种同一浏览窗口显示多个网页页面的方法、存储介质及移动终端 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
CN102915375B (zh) * | 2012-11-08 | 2015-10-21 | 山东大学 | 一种基于布局分区的网页加载方法 |
US9609075B1 (en) * | 2015-09-21 | 2017-03-28 | International Business Machines Corporation | Browser activity replay with advanced navigation |
-
2019
- 2019-06-21 CN CN201910543488.5A patent/CN110297998B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103116503A (zh) * | 2011-11-17 | 2013-05-22 | 华为软件技术有限公司 | 一种多窗口的实现方法及装置 |
CN103677538A (zh) * | 2012-09-07 | 2014-03-26 | 腾讯科技(深圳)有限公司 | 多窗口显示方法及装置 |
CN104636120A (zh) * | 2013-11-06 | 2015-05-20 | 中兴通讯股份有限公司 | 一种浏览器的多窗口显示方法及装置 |
CN104615744A (zh) * | 2015-02-12 | 2015-05-13 | 姚林 | 显示屏下单一浏览器界面多窗口同时浏览的方法 |
CN106372137A (zh) * | 2016-08-26 | 2017-02-01 | 乐视控股(北京)有限公司 | 多窗口页面显示处理方法及装置 |
CN108469972A (zh) * | 2017-02-20 | 2018-08-31 | 阿里巴巴集团控股有限公司 | 支持web页面中显示多窗口的方法和装置 |
CN108920645A (zh) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | 智能设备页面显示的方法、装置、智能设备和存储介质 |
CN109753614A (zh) * | 2018-12-24 | 2019-05-14 | 林振常 | 一种同一浏览窗口显示多个网页页面的方法、存储介质及移动终端 |
Also Published As
Publication number | Publication date |
---|---|
CN110297998A (zh) | 2019-10-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10949491B2 (en) | Method and apparatus for using proxies to interact with webpage analytics | |
US10956531B2 (en) | Dynamic generation of mobile web experience | |
US8711148B2 (en) | Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
EP1649361B1 (en) | System and method for generating a graphical user interface (gui) element | |
US20120297324A1 (en) | Navigation Control Availability | |
US5903265A (en) | System-provided window elements having adjustable dimensions | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
AU2018253177A1 (en) | Maintaining page interaction functionality with overlay content | |
US9122763B2 (en) | Consistent web application presentation | |
US10664556B2 (en) | Adaptable user interface layout | |
US11222171B2 (en) | Enhanced pivot table creation and interaction | |
US20100079461A1 (en) | method and system for generating and displaying an interactive dynamic culling graph view of multiply connected objects | |
CN101526949A (zh) | 拖放鼠标左键选定文本字符串后对桌面选定栏的操作方法 | |
WO2015159360A1 (ja) | 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム | |
US20170123611A1 (en) | Dynamic Index For A Digital Magazine | |
CN110297998B (zh) | 浏览器界面多窗口同时显示方法 | |
US9685140B1 (en) | Optimized rendering of multimedia content | |
CN107895320A (zh) | 由广告加入自选股的装置与方法 | |
US11726638B1 (en) | Shareable customized image associated with an item | |
EP2767901B1 (en) | Generating interactive electronic documents | |
US10831855B2 (en) | Adaptive images | |
CN114924817A (zh) | 多窗口的布局显示方法以及装置 | |
CN112019911A (zh) | 一种网页动画的显示方法、装置及电子设备 | |
CN117170666A (zh) | 搜索页面的生成方法、装置、存储介质及终端设备 | |
CN113360687A (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 |