CN116955866A - 一种浏览器页面展示的方法、装置、电子设备及存储介质 - Google Patents
一种浏览器页面展示的方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116955866A CN116955866A CN202310794443.1A CN202310794443A CN116955866A CN 116955866 A CN116955866 A CN 116955866A CN 202310794443 A CN202310794443 A CN 202310794443A CN 116955866 A CN116955866 A CN 116955866A
- Authority
- CN
- China
- Prior art keywords
- page
- web container
- opening
- current window
- window interface
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000009877 rendering Methods 0.000 claims abstract description 68
- 230000004044 response Effects 0.000 claims description 40
- 230000008569 process Effects 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 239000008186 active pharmaceutical agent Substances 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 244000035744 Hura crepitans Species 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
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
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Computer Graphics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供一种浏览器页面展示的方法、装置、电子设备及存储介质,涉及浏览器渲染领域,能够对浏览器上的渲染区进行灵活扩展。包括:响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。本发明适用于浏览器页面渲染场景中。
Description
技术领域
本发明涉及浏览器渲染领域,尤其涉及一种浏览器页面展示的方法、装置、电子设备及存储介质。
背景技术
基于W3C(World Wide Web Consortium,万维网联盟)标准的现有浏览器终端,只能通过开发者在HTML中加入frame相关的元素来内部扩展渲染区域,无法对渲染区域都进行灵活扩展。
发明内容
有鉴于此,本发明实施例提供一种浏览器页面展示的方法、装置、电子设备及存储介质,能够对浏览器上的渲染区进行灵活扩展。
第一方面,本发明实施例提供一种浏览器页面展示的方法,包括步骤:响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
可选的,所述响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面,包括:响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
可选的,所述响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面,包括:响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
可选的,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
可选的,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到所述第二web容器中的目标展示位置;或者,响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到第三web容器中的目标展示位置。
可选的,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于对所述第二页面上的隐藏按钮的点击操作,将所述第二页面隐藏;或者,响应于对所述第二页面上的尺寸调整操作,对所述第二页面的长宽尺寸进行调整,并展示尺寸调整后的第二页面;或者,响应于对所述第二页面上的弹窗操作,将所述第二页面弹窗展示。
第二方面,本发明还实施例提供一种浏览器页面展示的装置,所述装置包括:第一页面打开模块,用于响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;第二页面打开模块,用于响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
可选的,所述第一页面打开模块,具体用于响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
可选的,所述第二页面打开模块,具体用于响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
可选的,所述装置还包括:第三页面打开模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
可选的,所述装置还包括:页面位置切换模块,用于在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到所述第二web容器中的目标展示位置;或者,响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到第三web容器中的目标展示位置。
可选的,所述装置还包括:页面隐藏模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的隐藏按钮的点击操作,将所述第二页面隐藏;页面调整模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的尺寸调整操作,对所述第二页面的长宽尺寸进行调整,并展示尺寸调整后的第二页面;页面弹窗模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的弹窗操作,将所述第二页面弹窗展示。
第三方面,本发明还实施例提供一种电子设备,所述电子设备包括:壳体、处理器、存储器、电路板和电源电路,其中,电路板安置在壳体围成的空间内部,处理器和存储器设置在电路板上;电源电路,用于为上述电子设备的各个电路或器件供电;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行前述第一方面任一所述的浏览器页面展示的方法。
第四方面,本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现第一方面任一所述的浏览器页面展示的方法。
本发明实施例提供一种浏览器页面展示的方法、装置、电子设备及存储介质,响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠,能够使得在浏览器在运行时除了主渲染区外还可以扩展出其它渲染区,使得浏览器上的渲染区扩展更灵活。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明一实施例浏览器页面展示的方法流程示意图;
图2为本发明一实施例浏览器页面展示的方法应用实例示意图;
图3为本发明一实施例浏览器页面展示的装置架构示意图;
图4为本发明电子设备一个实施例的架构示意框图。
具体实施方式
下面结合附图对本发明实施例进行详细描述。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
实施例一
图1为本发明一实施例浏览器页面展示的方法流程示意图,请参看图1所示,所述方法包括:
S110、响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区。
本步骤中,根据用户的操作,响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面,第一页面展示的内容可以是当前页面中的应用展示的内容,也可以是用户在界面中输入的内容。此时的第一web容器就作为主渲染区,其中web容器在本发明实施例中表示用于承载网页界面的一个视图或者view。
S120、响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
本步骤中,在打开第一页面后,基于用户在第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面,此时的第二web容器就作为扩展渲染区,用于承载扩展内容。需要说明的是,在打开第一页面后,基于用户在第一页面上操作在当前窗口界面可以打开多个页面,不局限于打开一个界面;并且第二web容器与第一web容器在当前窗口界面中不重叠,也就是说,不管是主渲染区还是扩展渲染区,每个渲染区都是一个独立的网页,独立加载,独立刷新数据,运行在各自独立的沙箱环境。
可选的,在本发明的一个实施例中,所述响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面,包括:响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
本实施例中,参看图2所示,根据用户的操作,在收到第一页面打开指令后,基于当前用户输入的内容或打开的应用的地址,调用第一webview组件,通过第一webview组件在当前窗口界面的第一web容器1中打开第一页面11,此时的第一web容器1就作为主渲染区,由第一web容器中打开的第一页面向用户展示内容,其中,webview组件的作用就是用于展示页面。需要说明的是,webview是通过加载html文件来进行页面的展示,当需要更新页面布局的或者业务逻辑变更时,如果是原生的APP就需要修改前端内容,升级打包,重新发布才可以使用最新的,而通过webview方式的页面则只需要修改html代码或者js文件(如果是从服务器端获取,只要新的文件部署完成),用户重新刷新就可以使用更新后的,无需通过下载安装的方式完成升级。
可选的,在本发明的一个实施例中,所述响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面,包括:响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
可选的,在本发明的一个实施例中,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
具体的,继续参看图2所示,在打开第一页面11后,响应于用户在第一页面上11的操作,根据第一页面11中应用的需求调用JSAPI并根据第二页面21的地址在当前网页窗口界面的第二web容器2中打开第二页面21,其中,第二web容器的位置可以为主渲染区的顶部、底部、左侧以及右侧,打开后的第二页面21以tab标签的形态显示在当前窗口界面的第二web容器2中的指定位置。在打开第二页面21之后,用户继续在第一页面11浏览操作,或在打开的第二页面21浏览操作,根据第一页面11或第二页面21中应用的需求调用JSAPI并根据第三页面22的地址在当前第二web容器2中的第二指定位置打开第三页面23,也就是说,在第二web容器也就是扩展web容器中打开多个扩展渲染区,打开的多个扩展渲染区可以进行左右横向排列,上下纵向排列,使得浏览器上的渲染区扩展更灵活。例如,用户想要浏览购物网站,打开了第一页面,第一页面是物品展示页面,当用户想要详细查看其中一个商品的详细信息,在进行点击商品操作后,浏览器响应于用户的点击操作,调用JSAPI在当前页面的边栏打开第二页面,打开后的第二页面以tab标签的形态显示在当前窗口界面的第二web容器中的第一指定位置,第二页面展示了商品的详细信息,用户在查看信息后想要下单购买此商品,在第一页面或第二页面点击下单按钮,浏览器响应于用户的操作调用JSAPI基于支付地址在当前页面的侧边栏打开第三页面,第三页面为支付页面。
可选的,在本发明的一个实施例中,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到所述第二web容器中的目标展示位置;或者,响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到第三web容器中的目标展示位置。
本实施例中,继续参看图2所示,在打开第二页面21之后,用户可以根据需要将第二页面21的位置进行调整,默认状态下,扩展渲染区与主渲染区位于同一个窗口内部,也就是说第一web容器1中的第一页面11与第二web容器2中的第二页面21位于同一窗口内,因此,用户可以根据需求对第二页面21的位置进行调整,由于第二页面21是以tab标签的形态缩略显示在当前窗口界面的第二web容器中的,因此,可以拖动第二页面21的缩略标签,将第二页面21移动到第二web容器中的想要的目标展示位置,例如从第二页面21的位置移动到页面23的位置,或者可以将第二页面21从在第二web容器2中的当前展示位置,移动到第三web容器中的目标展示位置,也就是可以将第二页面从左侧扩展渲染区21移动到右侧渲染区31。例如,第二页面在左侧展示商品的详细信息,现在想要将第二页面从左边挪到右边,可以拖动第二页面从左侧的第二web容器放到右侧的第三web容器中。另外,扩展渲染区也就是扩展web容器自带一个工具栏或者菜单项,可以在不进行拖动的轻快下操作工具栏或者菜单项调整第二页面的位置,并且工具栏或者菜单项可以是固定在第二页面内的,也可以以类似悬浮球的形态浮动在第二页面上。
可选的,在本发明的一个实施例中,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:响应于对所述第二页面上的隐藏按钮的点击操作,将所述第二页面隐藏;或者,响应于对所述第二页面上的尺寸调整操作,对所述第二页面的长宽尺寸进行调整,并展示尺寸调整后的第二页面;或者,响应于对所述第二页面上的弹窗操作,将所述第二页面弹窗展示。
本实施例中,在当前窗口界面的第二web容器中打开第二页面之后,不仅可以在同一窗口内调整第二页面的位置,也可以将第二页面进行拖动,或者操作工具栏或者菜单项使得第二页面作为独立窗口弹窗展示,但是,当第二页面作为独立窗口形态时,不需要存储窗口的位置坐标,仅当前会话生效;在当前窗口界面的第二web容器中打开第二页面之后,可以在不需要展示第二页面时通过点击第二页面上的隐藏按钮对第二页面进行隐藏,但是在隐藏时,需存储记忆页面的位置、坐标等,当切换为显示时,点击按钮显示页面,将页面显示在原位置、坐标;想要关闭第二页面时可以直接点击关闭按钮进行操作来关闭第二页面;此外,在页面中应用运行时,可以根据需要对页面的长宽尺寸进行调整,也可以在创建页面的同时指定好尺寸;并且,不仅可以调整同一窗口内的扩展区域尺寸,也可以调整独立窗口尺寸,调整独立窗口的宽度和高度及窗口位置(屏幕坐标)。
在一些实施例中,本发明在W3C标准的基础上提供一组API,可以对扩展web容器进行相关设置,包括:获取当前窗口/标签的扩展窗口组件、隐藏切换、在扩展窗口组件中打开URL、关闭扩展窗口组件中的子window、扩展窗口组件尺寸。
在一些实施例中,本发明实施例不仅可以通过API打开、关闭、显示、隐藏扩展渲染区,更新扩展渲染区的渲染内容,调整某个方位扩展渲染容器内渲染区的排版布局,更改扩展渲染区的所在扩展渲染容器,弹出扩展渲染区为独立窗口,还能够实现用户通过UI交互来操作窗口内各个渲染区的功能,在扩展渲染区内设置了快捷按钮,使得用户能够快速便捷的操作窗口内各个渲染区。
本发明实施例提供的一种浏览器页面展示的方法,响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠,能够使得在浏览器在运行时除了主渲染区外还可以扩展出其它渲染区,使得浏览器上的渲染区扩展更灵活;进一步地,多个渲染区可独立加载。
实施例二
图3为本发明实施例提供的浏览器页面展示的装置结构示意图,请参看图3所示,所述装置,包括:
第一页面打开模块31,用于响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;
第二页面打开模块32,用于响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
在一些可行的实施方式中,所述第一页面打开模块,具体用于响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
在一些可行的实施方式中,所述第二页面打开模块,具体用于响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
在一些可行的实施方式中,所述装置还包括:第三页面打开模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
在一些可行的实施方式中,所述装置还包括:页面位置切换模块,用于在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到所述第二web容器中的目标展示位置;或者,
响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到第三web容器中的目标展示位置。
在一些可行的实施方式中,所述装置还包括:页面隐藏模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的隐藏按钮的点击操作,将所述第二页面隐藏;
页面调整模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的尺寸调整操作,对所述第二页面的长宽尺寸进行调整,并展示尺寸调整后的第二页面;
页面弹窗模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于对所述第二页面上的弹窗操作,将所述第二页面弹窗展示。
本发明实施例提供的浏览器页面展示的装置,可以用于执行实施例一中任一公开的方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
实施例三
图4为本发明电子设备一个实施例的架构示意框图;基于与前述实施例一基本相同的技术构思,本发明实施例提供的电子设备,如4所示,可以实现本发明实施例一中任一所述的实施例方法的步骤流程。
上述电子设备可以包括:壳体41、处理器42、存储器43、电路板44和电源电路45,其中,电路板44安置在壳体41围成的空间内部,处理器42和存储器43设置在电路板44上;电源电路45,用于为上述电子设备的各个电路或器件供电;存储器43用于存储可执行程序代码;处理器42通过读取存储器43中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行前述实施例一中任一所述的浏览器页面展示的方法。
处理器42对上述步骤的具体执行过程以及处理器42通过运行可执行程序代码来进一步执行的步骤,可以参见本发明实施例一的描述,在此不再赘述。
所述电子设备以多种形式存在,包括但不限于:
(1)移动通信设备:这类设备的特点是具备移动通信功能,并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机,以及低端手机等。
(2)超移动个人计算机设备:这类设备属于个人计算机的范畴,有计算和处理功能,一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等,例如iPad。
(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod),掌上游戏机,电子书,以及智能玩具和便携式车载导航设备。
(4)服务器:提供计算服务的设备,服务器的构成包括处理器、硬盘、内存、系统总线等,服务器和通用的计算机架构类似,但是由于需要提供高可靠的服务,因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。
(5)其他具有数据交互功能的电子设备。
实施例四
本发明实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现前述实施例一任一所述的浏览器页面展示的方法。
综上,本发明实施例提供的一种浏览器页面展示的方法、装置、电子设备及存储介质,响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠,能够使得在浏览器在运行时除了主渲染区外还可以扩展出多个渲染区,并且多个渲染区独立加载。
进一步的,主渲染区和扩展渲染区还支持由用户进行自由组合形态的变更,用户具有更多选择,提升了用户体验,主渲染区和扩展渲染区各自运行在独立的沙箱环境中,各渲染区各自隔离运行,具有较高的安全性。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。
为了描述的方便,若涉及系统、服务器等,可能是以功能分为各种单元/模块分别描述。当然,在实施本发明时可以把各单元/模块的功能在同一个或多个软件和/或硬件中实现。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种浏览器页面展示的方法,其特征在于,包括:
响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;
响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
2.根据权利要求1所述的浏览器页面展示的方法,其特征在于,所述响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面,包括:
响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
3.根据权利要求1所述的浏览器页面展示的方法,其特征在于,所述响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面,包括:
响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
4.根据权利要求3所述的浏览器页面展示的方法,其特征在于,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:
响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
5.根据权利要求1所述的浏览器页面展示的方法,其特征在于,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:
响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到所述第二web容器中的目标展示位置;或者
响应于对所述第二页面的位置拖动操作,将所述第二页面自在所述第二web容器中的当前展示位置,移动到第三web容器中的目标展示位置。
6.根据权利要求1所述的浏览器页面展示的方法,其特征在于,在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,所述方法还包括:
响应于对所述第二页面上的隐藏按钮的点击操作,将所述第二页面隐藏;或者,
响应于对所述第二页面上的尺寸调整操作,对所述第二页面的长宽尺寸进行调整,并展示尺寸调整后的第二页面;或者,
响应于对所述第二页面上的弹窗操作,将所述第二页面弹窗展示。
7.一种浏览器页面展示的装置,其特征在于,所述装置包括:
第一页面打开模块,用于响应于第一页面打开指令,在当前窗口界面的第一web容器中打开第一页面;所述第一web容器为主渲染区;
第二页面打开模块,用于响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面;其中,所述第二web容器为扩展渲染区,且所述第二web容器与所述第一web容器在所述当前窗口界面中不重叠。
8.根据权利要求7所述的浏览器页面展示的装置,其特征在于,所述第一页面打开模块,具体用于响应于第一页面打开指令,基于所述第一页面的地址,调用第一webview组件,通过所述第一webview组件在当前窗口界面的第一web容器中打开第一页面。
9.根据权利要求7所述的浏览器页面展示的装置,其特征在于,所述第二页面打开模块,具体用于响应于在所述第一页面上操作的第二页面打开指令,基于所述第二页面的地址,调用第二webview组件,通过所述第二webview组件在当前窗口界面的第二web容器中的第一指定位置打开第二页面。
10.根据权利要求7所述的浏览器页面展示的装置,其特征在于,所述装置还包括:第三页面打开模块,用于在响应于在所述第一页面上操作的第二页面打开指令,在当前窗口界面的第二web容器中打开第二页面之后,响应于在所述第一页面或所述第二页面上操作的第三页面打开指令,基于所述第三页面的地址,调用第三webview组件,通过所述第三webview组件在所述第二web容器中的第二指定位置打开第三页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310794443.1A CN116955866A (zh) | 2023-06-30 | 2023-06-30 | 一种浏览器页面展示的方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310794443.1A CN116955866A (zh) | 2023-06-30 | 2023-06-30 | 一种浏览器页面展示的方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116955866A true CN116955866A (zh) | 2023-10-27 |
Family
ID=88457533
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310794443.1A Pending CN116955866A (zh) | 2023-06-30 | 2023-06-30 | 一种浏览器页面展示的方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116955866A (zh) |
-
2023
- 2023-06-30 CN CN202310794443.1A patent/CN116955866A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3680766B1 (en) | Split screen display method, apparatus, terminal, and storage medium | |
KR102606075B1 (ko) | 복수의 디스플레이들을 포함하는 전자 장치 및 그 동작 방법 | |
US10866694B2 (en) | Electronic device comprising multiple displays and method for operating same | |
CN107111496B (zh) | 可定制刀片应用 | |
KR102118275B1 (ko) | 이머시브 애플리케이션으로서의 데스크탑 | |
CN109753326B (zh) | 处理方法、装置、设备和机器可读介质 | |
US9032390B2 (en) | Framework versioning | |
US10185819B2 (en) | Extension configuration and interaction | |
US20140279025A1 (en) | Methods and apparatus for display of mobile advertising content | |
US20120297324A1 (en) | Navigation Control Availability | |
KR20160141838A (ko) | 확장가능한 애플리케이션 표시 | |
CN102640101A (zh) | 用于提供用户接口的方法及装置 | |
WO2015200798A1 (en) | Context menu utilizing a context indicator and floating menu bar | |
US20150278164A1 (en) | Method and apparatus for constructing documents | |
KR20160143755A (ko) | 확장 가능 애플리케이션 표현, 액티비티 레벨들, 및 데스크탑 표현 | |
CN109842818A (zh) | 一种视频播放方法、装置、计算机设备及存储介质 | |
CN105630787A (zh) | 基于动态可移植网络图形的动画实现方法及装置 | |
TW201617839A (zh) | 光解離管理器 | |
CN109388309B (zh) | 菜单的显示方法、装置、终端及存储介质 | |
KR20200104899A (ko) | 디지털 컴포넌트 배경 렌더링 | |
CN111708959A (zh) | 页面显示方法、装置、存储介质及电子设备 | |
US20170123596A1 (en) | Browsing device, display controlling method, non-transitory recording medium, and program | |
US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
US20140365964A1 (en) | Multiple panel touch user interface navigation | |
CN107562324B (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 |