CN107122192B - 网页视图展示方法、装置、计算设备及存储介质 - Google Patents
网页视图展示方法、装置、计算设备及存储介质 Download PDFInfo
- Publication number
- CN107122192B CN107122192B CN201710288584.0A CN201710288584A CN107122192B CN 107122192 B CN107122192 B CN 107122192B CN 201710288584 A CN201710288584 A CN 201710288584A CN 107122192 B CN107122192 B CN 107122192B
- Authority
- CN
- China
- Prior art keywords
- webpage
- interface
- page
- hiding
- web page
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种网页视图展示方法、装置、计算设备及存储介质,其中,该方法包括:当检测到网页跳转指令时,通过隐藏的页面加载网页代码;当网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图;当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。本发明在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
Description
技术领域
本发明涉及终端技术领域,具体而言,涉及一种网页视图展示方法、装置、计算设备及存储介质。
背景技术
Hybrid APP(混合模式移动应用)是介于web app(网络应用)和native app(本地应用)之间的应用。Hybrid APP中有些功能是通过网页研发的,当用户使用这些功能时,需要展示这些功能对应的网页视图。
当前,相关技术中提供了一种展示Hybrid APP网页视图的方法,包括:当检测到用户在当前界面触发用于跳转到网页的跳转操作时,从当前界面跳转到Hybrid APP中嵌入的WebView(网络视图),根据网页地址,通过该WebView加载网页代码,加载完成后根据加载的网页代码进行渲染,展示渲染出的网页视图。
上述相关技术中,检测到跳转操作后立即从当前界面跳转到WebView,跳转后才开始网页代码的加载及渲染,而网页代码的加载和渲染需要花费一段时间,导致在这段时间内终端显示的界面为白屏界面。
发明内容
有鉴于此,本发明实施例的目的在于提供一种网页视图展示方法、装置、计算设备及存储介质,在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
第一方面,本发明实施例提供了一种网页视图展示方法,所述方法包括:
当检测到网页跳转指令时,通过隐藏的页面加载网页代码;
当所述网页代码满足预设加载条件时,通过所述隐藏的页面渲染网页视图;
当渲染的所述网页视图满足预设渲染条件时,从当前界面切换到所述隐藏的页面,展示所述网页视图。
结合第一方面,本发明实施例提供了上述第一方面的第一种可能的实现方式,其中,所述从当前界面切换到所述隐藏的页面,展示所述网页视图,包括:
通过所述隐藏的页面向当前界面传输展示指令;
当所述当前界面接收到所述展示指令时,删除当前可视区域内展示的所述当前界面;
将所述隐藏的页面对应的网页视图展示在所述当前可视区域内。
结合第一方面,本发明实施例提供了上述第一方面的第二种可能的实现方式,其中,所述通过隐藏的页面加载网页代码,包括:
创建隐藏的页面;
将网页地址传输给所述隐藏的页面;
通过所述隐藏的页面加载所述网页地址对应的网页代码。
结合第一方面,本发明实施例提供了上述第一方面的第三种可能的实现方式,其中,所述通过隐藏的页面加载网页代码之前,还包括:
实时检测当前界面中是否出现用户触发的跳转指令;
当检测到跳转指令时,确定所述跳转指令是否为网页跳转指令。
结合第一方面的第三种可能的实现方式,本发明实施例提供了上述第一方面的第四种可能的实现方式,其中,所述确定所述跳转指令是否为网页跳转指令,包括:
从所述跳转指令中解析出跳转后界面的界面标识;
根据所述跳转后界面的界面标识,确定所述跳转后界面是否为网页界面;
当确定所述跳转后界面为网页界面时,确定所述跳转指令为网页跳转指令。
结合第一方面,本发明实施例提供了上述第一方面的第五种可能的实现方式,其中,
所述预设加载条件为加载到所述网页跳转指令对应的跳转后界面的所有网页代码;或者,所述预设加载条件为加载的所述网页代码达到代码执行界点。
结合第一方面,本发明实施例提供了上述第一方面的第六种可能的实现方式,其中,
所述预设渲染条件为渲染出所述网页跳转指令对应的跳转后界面的全部内容;或者,所述预设渲染条件为渲染出所述跳转后界面的视图框架。
结合第一方面或第一方面的第一至第六种可能的实现方式中的任一种实现方式,本发明实施例提供了上述第一方面的第七种可能的实现方式,其中,所述方法还包括:
当检测到网页跳转指令时,在所述当前界面中显示预设等待指示信息。
结合第一方面的第七种可能的实现方式,本发明实施例提供了上述第一方面的第八种可能的实现方式,其中,所述在所述当前界面中显示预设等待指示信息,包括:
在触发所述网页跳转指令的按键所在的位置处显示预设等待指示信息;或者,在所述当前界面的预设位置处显示所述等待动画。
结合第一方面,本发明实施例提供了上述第一方面的第九种可能的实现方式,其中,所述网页视图为混合模式移动应用Hybrid APP中的网页视图;所述隐藏的页面为隐藏的WebView视图。
第二方面,本发明实施例提供了一种网页视图展示装置,所述装置包括:
加载模块,用于当检测到网页跳转指令时,通过隐藏的页面加载网页代码;
渲染模块,用于当所述网页代码满足预设加载条件时,通过所述隐藏的页面渲染网页视图;
切换模块,用于当渲染的所述网页视图满足预设渲染条件时,从当前界面切换到所述隐藏的页面,展示所述网页视图。
结合第二方面,本发明实施例提供了上述第二方面的第一种可能的实现方式,其中,所述切换模块包括:
传输单元,用于通过所述隐藏的页面向当前界面传输展示指令;
删除单元,用于所述当前界面接收到所述展示指令时,删除当前可视区域内展示的所述当前界面;
展示单元,用于将所述隐藏的页面对应的网页视图展示在所述当前可视区域内。
第三方面,本发明实施例提供了一种计算设备,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述处理器运行所述计算机程序时执行上述第一方面或第一方面的第一至第九种实现方式中的任一种实现方式所述的方法。
第四方面,本发明实施例提供了一种存储介质,所述存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述第一方面或第一方面的第一至第九种实现方式中的任一种实现方式所述的方法。
在本发明实施例中,当检测到网页跳转指令时,通过隐藏的页面加载网页代码;当该网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图;当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。本发明在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本发明实施例1所提供一种网页视图展示方法的流程图;
图2示出了本发明实施例1所提供的一种网页跳转示意图;
图3示出了本发明实施例2所提供的一种网页视图展示装置的结构示意图;
图4示出了本发明实施例3所提供的一种计算设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
考虑到相关技术中,检测到跳转操作后立即从当前界面跳转到WebView,跳转后才开始网页代码的加载及渲染,而网页代码的加载和渲染需要花费一段时间,导致在这段时间内终端显示的界面为白屏界面。基于此,本发明实施例提供了一种网页视图展示方法、装置、计算设备及存储介质,下面通过实施例进行描述。
实施例1
本发明实施例提供了一种网页视图展示方法。
Hybrid APP中的界面包含native(本地)界面和网页界面两种类型。Hybrid APP中界面之间的跳转包括从native界面跳转到native界面、从native界面跳转到网页界面、从网页界面跳转到网页界面以及从网页界面跳转到native界面四种页面跳转情况。
其中,从native界面跳转到native界面,及从网页界面跳转到native界面,这两种页面跳转情况均是跳转到native界面,而native界面可以直接通过执行Hybrid APP本地数据进行显示,所以跳转时不会出现白屏问题。而从native界面跳转到网页界面,及从网页界面跳转到网页界面,这两种页面跳转情况需要先从服务器加载网页代码,然后根据网页代码渲染出网页界面,所以若在用户触发页面跳转操作时立即进行跳转,将会导致终端显示白屏界面,用户将在白屏界面进行等待,用户体验很差。
因此对于不同的页面跳转情况,需要进行不同的处理操作。在本发明实施例中,当终端的当前可视区域内展示Hybrid APP的界面时,终端实时检测当前界面中是否出现用户触发的跳转指令。当检测到跳转指令时,确定该跳转指令是否为网页跳转指令。
上述跳转指令中包括跳转前界面的界面标识及跳转后界面的界面标识。界面标识可以为界面的名称或序列号等。网页跳转指令对应的跳转后界面为通过网页技术实现的界面。在本发明实施例中,可以在Hybrid APP的本地文件中设置界面标识与网页标识符的对应关系,在该对应关系中存储Hybrid APP中所有通过网页技术实现的界面对应的界面标识,网页标识符为预先设置的用于标识界面为网页的字符,如0或1等。
在本发明实施例中,用户浏览当前界面时,可以通过点击当前界面中的按键来触发页面跳转操作,此时终端检测出用户触发的跳转指令,从该跳转指令中解析出跳转后界面的界面标识。根据跳转后界面的界面标识,确定该跳转后界面是否为网页界面。
当从用户触发的跳转指令中解析出跳转后界面的界面标识后,查看Hybrid APP本地文件中设置的界面标识与网页标识符的对应关系,若查看出该对应关系中不包括该跳转指令中跳转后界面的界面标识,则确定该跳转指令对应的跳转后界面不是网页界面,即确定该跳转指令对应的跳转后界面为native界面,确定该跳转指令不是网页跳转指令,则直接从当前界面切换至该跳转指令对应的跳转后界面,完成本次跳转操作。
若查看出上述对应关系中包括该跳转指令中跳转后界面的界面标识,则确定该跳转指令对应的跳转后界面为网页界面。当确定跳转后界面为网页界面时,确定该跳转指令为网页跳转指令。
参见图1,当确定用户触发的跳转指令为网页跳转指令时,通过如下步骤101-103的操作来完成页面跳转操作。
步骤101:当检测到网页跳转指令时,通过隐藏的页面加载网页代码。
上述隐藏的页面为隐藏的WebView视图。当确定用户触发的跳转指令为网页跳转指令时,创建隐藏的页面。将网页地址传输给隐藏的页面。通过该隐藏的页面加载网页地址对应的网页代码。
上述网页地址可以为事先存储在Hybrid APP本地文件中,也可以是临时从服务器中获取的。
本发明实施例中,当检测到网页跳转指令时,并不立即进行跳转操作,而是仍停留在当前界面,同时通过隐藏的页面进行网页代码的加载,如此用户此时看不到该隐藏的页面,用户可以继续浏览当前界面的内容,避免了用户在白屏界面等待,提高了用户体验度。
由于检测到网页跳转指令时没有立即跳转,而是仍停留在当前界面,容易使用户误认为网页跳转指令未响应,所以当检测到网页跳转指令时,还在当前界面中显示预设等待指示信息。预设等待指示信息用于向用户指示页面正在加载中,该预设等待指示信息可以为文本信息、进度条或预设等待动画等。文本信息可以为“正在加载,请稍后”或“加载中”等。
上述在当前界面中显示预设等待指示信息,根据显示位置的不同,可以通过如下两种方式进行显示,包括:
第一,在触发网页跳转指令的按键所在的位置处显示预设等待指示信息。当检测到网页跳转指令时,确定触发该网页跳转指令的按键所在的位置,在确定的该位置处显示预设等待指示信息。
第二,在当前界面的预设位置处显示预设等待指示信息。预设位置可以为界面的中心位置、界面竖中轴线的左侧或右侧以及界面横中轴线的上侧或下侧等。
通过上述在当前界面中显示预设等待指示信息,以指示用户正在加载页面,避免用户误认为网页跳转指令未响应,进一步提高了在使用HybridAPP过程中进行页面跳转的用户体验。
步骤102:当网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图。
通过隐藏的页面加载网页代码过程中,实时检测加载的网页代码是否满足预设加载条件。在本发明实施例中,预设加载条件可以为加载到网页跳转指令对应的跳转后界面的所有网页代码。在通过隐藏的页面从服务器加载网页代码时,当服务器将网页地址对应的所有网页代码传输完之后,服务器传输完成指示信息给该隐藏的页面。该隐藏的页面接收到该完成指示信息时确定加载的网页代码满足预设加载条件。此时该隐藏的页面开始根据加载的网页代码渲染网页视图。
上述完成指示信息可以为预先设置的用于指示网页代码全部传输完成的指示符,如0或1等。
在本发明实施例中,上述预设加载条件还可以为加载的网页代码达到代码执行界点。因为加载的网页代码的量过少时无法执行网页代码,以开始渲染过程。该代码执行界点即为加载的网页代码恰好能够被执行的临界点。代码执行界点与网页采用的技术、开发时技术栈和技术选型有关,代码执行界点并不是一个确定的网页代码的量,在通过隐藏的页面加载网页代码时,由网页内部代码自行判断当前加载的网页代码是否达到了代码执行界点。当判断出加载的网页代码达到代码执行界点时,通过该隐藏的页面开始根据加载的网页代码渲染网页视图。
上述在加载的网页代码达到代码执行界点时就开始渲染过程,此时还没有加载到跳转后界面的所有网页代码,因此隐藏的页面同时进行网页代码的加载和网页视图的渲染,如此加载过程与渲染过程在时间上存在重叠部分,提高了时间利用率,提高了页面跳转效率,缩短了用户等待时间。
步骤103:当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。
在通过隐藏的页面渲染网页视图的过程中,实时检测渲染的网页视图是否满足预设渲染条件。在本发明实施例中,预设渲染条件可以为渲染出网页跳转指令对应的跳转后界面的全部内容。渲染过程由网页内部代码控制,当网页内部代码判断出已经执行完所有网页代码,渲染出跳转后界面的全部内容时,从当前界面切换到隐藏的页面,展示网页视图。
在本发明实施例中,预设渲染条件还可以为渲染出跳转后界面的视图框架。跳转后界面的视图框架为跳转后界面的整体框架,只要整体框架渲染完成,就不影响用户浏览跳转后界面。当网页内部代码判断出已经渲染出跳转后界面的视图框架时,从当前界面切换到隐藏的页面,展示网页视图。
在展示网页视图时,首先通过隐藏的页面向当前界面传输展示指令。当前界面接收到展示指令时,删除当前可视区域内展示的当前界面。将隐藏的页面对应的网页视图展示在当前可视区域内。
本发明实施例中,可以通过安卓系统或iOS(苹果移动操作系统)系统各自提供的JavaScript(脚本)来传输展示指令给当前界面,或者通过Hybrid APP的事件通知机制传输展示指令给当前界面,或者通过URL(Uniform Resource Locator,统一资源定位符)拦截机制传输展示指令给当前界面。
在将隐藏的页面对应的网页视图展示在当前可视区域内时,可以将隐藏的页面所在的网页视图切换入当前可视区域。或者,将隐藏的页面传递给目标视图并展示出来。
上述渲染出跳转后界面的全部内容,或者渲染出跳转后界面的视图框架时,通过网页主动将渲染进度通知给当前界面,从当前界面切换至隐藏的页面,如此确保切换后显示的界面不是白屏界面,提高了用户体验度。
为了更直观的表现本发明实施例中界面切换过程,下面结合附图进行说明。如图2所示,用户通过点击第一界面的按钮触发网页跳转操作后,在该按钮位置处显示预设等待动画,同时通过隐藏的页面加载网页代码,及根据网页代码渲染网页,当渲染完所有内容或者渲染出网页的视图框架时,从当前界面切换到第二界面的网页视图。其中,第一界面可以为native界面或网页界面,第二界面为网页界面。
在本发明实施例中,在Hybrid APP中从当前界面切换到网页界面,对于网页视图展示时机进行了很好地控制,能够去除页面跳转过程中的白屏现象,结合网页代码预加载技术可以使Hybrid APP的视图切换过程迅速平滑,提升用户界面体验。
在本发明实施例中,当检测到网页跳转指令时,通过隐藏的页面加载网页代码;当网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图;当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。本发明在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
实施例2
参见图3,本发明实施例提供了一种网页视图展示装置,该装置用于执行上述实施例1提供的网页视图展示方法。该装置具体包括:
加载模块201,用于当检测到网页跳转指令时,通过隐藏的页面加载网页代码;
渲染模块202,用于当加网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图;
切换模块203,用于当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。
上述切换模块203包括:
传输单元,用于通过隐藏的页面向当前界面传输展示指令;
删除单元,用于当前界面接收到展示指令时,删除当前可视区域内展示的当前界面;
展示单元,用于将隐藏的页面对应的网页视图展示在当前可视区域内。
在本发明实施例中,加载模块201包括:
创建单元,用于创建隐藏的页面;
地址传输单元,用于将网页地址传输给隐藏的页面;
加载单元,用于通过隐藏的页面加载网页地址对应的网页代码。
在本发明实施例中,该装置还包括:
确定模块,用于实时检测当前界面中是否出现用户触发的跳转指令;当检测到跳转指令时,确定跳转指令是否为网页跳转指令。
上述确定模块,用于从跳转指令中解析出跳转后界面的界面标识;根据跳转后界面的界面标识,确定跳转后界面是否为网页界面;当确定跳转后界面为网页界面时,确定跳转指令为网页跳转指令。
在本发明实施例中,预设加载条件为加载到网页跳转指令对应的跳转后界面的所有网页代码;或者,预设加载条件为加载的网页代码达到代码执行界点。
预设渲染条件为渲染出网页跳转指令对应的跳转后界面的全部内容;或者,预设渲染条件为渲染出跳转后界面的视图框架。
在本发明实施例中,该装置还包括:
显示模块,用于当检测到网页跳转指令时,在当前界面中显示预设等待指示信息。
上述显示模块,用于在触发网页跳转指令的按键所在的位置处显示预设等待指示信息;或者,在当前界面的预设位置处显示等待动画。
在本发明实施例中,当检测到网页跳转指令时,通过隐藏的页面加载网页代码;当网页代码满足预设加载条件时,通过隐藏的页面渲染网页视图;当渲染的网页视图满足预设渲染条件时,从当前界面切换到隐藏的页面,展示网页视图。本发明在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
实施例3
参见图4,本发明实施例提供了一种计算设备,该计算设备包括存储器301和处理器302,存储器301上存储有可在处理器302上运行的计算机程序,处理器302运行该计算机程序时,执行上述实施例1所提供的网页视图展示方法。
具体地,存储器301和处理器302可以为通用的存储器和处理器,这里不做具体限定,存储器301和处理器302之间通过总线连接,当处理器302运行存储器301存储的计算机程序时,能够执行上述的网页视图展示方法,从而解决相关技术中检测到跳转操作后立即从当前界面跳转到WebView,跳转后才开始网页代码的加载及渲染,导致终端跳转后显示的界面为白屏界面的问题。实现在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
实施例4
本发明实施例提供了一种存储介质,该存储介质上存储有计算机程序,该计算机程序被处理器运行时,执行上述实施例1提供的网页视图展示方法。
具体地,该存储介质能够为通用的存储介质,如移动磁盘、硬盘等,该存储介质上的计算机程序被运行时,能够执行上述的网页视图展示方法,从而解决相关技术中检测到跳转操作后立即从当前界面跳转到WebView,跳转后才开始网页代码的加载及渲染,导致终端跳转后显示的界面为白屏界面的问题。实现在用户触发网页跳转指令时,仍停留在当前界面,同时通过隐藏的页面加载网页代码并渲染,当渲染达到预设渲染条件时,才从当前界面切换到隐藏的页面进行网页视图的展示,对网页视图展示时机进行了很好地控制,避免了页面跳转过程中出现白屏,提升了用户体验。
本发明实施例所提供的网页视图展示装置可以为设备上的特定硬件或者安装于设备上的软件或固件等。本发明实施例所提供的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,前述描述的系统、装置和单元的具体工作过程,均可以参考上述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明提供的实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释,此外,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围。都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
Claims (14)
1.一种网页视图展示方法,其特征在于,所述方法包括:
当检测到网页跳转指令时,通过隐藏的页面加载网页代码;
当所述网页代码满足预设加载条件时,通过所述隐藏的页面渲染网页视图;
当渲染的所述网页视图满足预设渲染条件时,从当前界面切换到所述隐藏的页面,展示所述网页视图;
步骤当检测到网页跳转指令时,通过隐藏的页面加载网页代码包括:
当检测到网页跳转指令时,不立即进行跳转操作,而是仍停留在当前界面,同时通过隐藏的页面进行网页代码的加载。
2.根据权利要求1所述的方法,其特征在于,所述从当前界面切换到所述隐藏的页面,展示所述网页视图,包括:
通过所述隐藏的页面向当前界面传输展示指令;
当所述当前界面接收到所述展示指令时,删除当前可视区域内展示的所述当前界面;
将所述隐藏的页面对应的网页视图展示在所述当前可视区域内。
3.根据权利要求1所述的方法,其特征在于,所述通过隐藏的页面加载网页代码,包括:
创建隐藏的页面;
将网页地址传输给所述隐藏的页面;
通过所述隐藏的页面加载所述网页地址对应的网页代码。
4.根据权利要求1所述的方法,其特征在于,所述通过隐藏的页面加载网页代码之前,还包括:
实时检测当前界面中是否出现用户触发的跳转指令;
当检测到跳转指令时,确定所述跳转指令是否为网页跳转指令。
5.根据权利要求4所述的方法,其特征在于,所述确定所述跳转指令是否为网页跳转指令,包括:
从所述跳转指令中解析出跳转后界面的界面标识;
根据所述跳转后界面的界面标识,确定所述跳转后界面是否为网页界面;
当确定所述跳转后界面为网页界面时,确定所述跳转指令为网页跳转指令。
6.根据权利要求1所述的方法,其特征在于,
所述预设加载条件为加载到所述网页跳转指令对应的跳转后界面的所有网页代码;或者,所述预设加载条件为加载的所述网页代码达到代码执行界点。
7.根据权利要求1所述的方法,其特征在于,
所述预设渲染条件为渲染出所述网页跳转指令对应的跳转后界面的全部内容;或者,所述预设渲染条件为渲染出所述跳转后界面的视图框架。
8.根据权利要求1-7任一项所述的方法,其特征在于,所述方法还包括:
当检测到网页跳转指令时,在所述当前界面中显示预设等待指示信息。
9.根据权利要求8所述的方法,其特征在于,所述在所述当前界面中显示预设等待指示信息,包括:
在触发所述网页跳转指令的按键所在的位置处显示预设等待指示信息;或者,在所述当前界面的预设位置处显示预设等待指示信息。
10.根据权利要求1所述的方法,其特征在于,所述网页视图为混合模式移动应用Hybrid APP中的网页视图;所述隐藏的页面为隐藏的WebView视图。
11.一种网页视图展示装置,其特征在于,所述装置包括:
加载模块,用于当检测到网页跳转指令时,通过隐藏的页面加载网页代码;
渲染模块,用于当所述网页代码满足预设加载条件时,通过所述隐藏的页面渲染网页视图;
切换模块,用于当渲染的所述网页视图满足预设渲染条件时,从当前界面切换到所述隐藏的页面,展示所述网页视图。
12.根据权利要求11所述的装置,其特征在于,所述切换模块包括:
传输单元,用于通过所述隐藏的页面向当前界面传输展示指令;
删除单元,用于当所述当前界面接收到所述展示指令时,删除当前可视区域内展示的所述当前界面;
展示单元,用于将所述隐藏的页面对应的网页视图展示在所述当前可视区域内。
13.一种计算设备,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,其特征在于,所述处理器运行所述计算机程序时执行上述权利要求1至10任一项所述的方法。
14.一种存储介质,所述存储介质上存储有计算机程序,其特征在于,所述计算机程序被处理器运行时执行上述权利要求1至10任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710288584.0A CN107122192B (zh) | 2017-04-27 | 2017-04-27 | 网页视图展示方法、装置、计算设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710288584.0A CN107122192B (zh) | 2017-04-27 | 2017-04-27 | 网页视图展示方法、装置、计算设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107122192A CN107122192A (zh) | 2017-09-01 |
CN107122192B true CN107122192B (zh) | 2019-04-26 |
Family
ID=59725091
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710288584.0A Active CN107122192B (zh) | 2017-04-27 | 2017-04-27 | 网页视图展示方法、装置、计算设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107122192B (zh) |
Families Citing this family (26)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107678817A (zh) * | 2017-09-21 | 2018-02-09 | 北京三快在线科技有限公司 | 视图切换方法和装置以及计算设备 |
CN107729098B (zh) * | 2017-09-25 | 2021-06-29 | 北京小米移动软件有限公司 | 用户界面显示方法及装置 |
CN107908455B (zh) * | 2017-11-20 | 2020-12-08 | 烽火通信科技股份有限公司 | 一种浏览器页面的切换方法和切换系统 |
CN110119270B (zh) * | 2018-02-07 | 2023-09-15 | 浙江天猫技术有限公司 | 网页搭建方法、装置、设备和框架 |
CN108984714B (zh) * | 2018-07-09 | 2020-11-27 | 北京三快在线科技有限公司 | 页面渲染方法、装置、电子设备及计算机可读介质 |
CN109195021B (zh) * | 2018-07-12 | 2021-04-02 | 北京猫眼文化传媒有限公司 | 截图分享方法和装置 |
CN110020326A (zh) * | 2018-09-07 | 2019-07-16 | 天翼电子商务有限公司 | 一种提升Webview打开速度的方法 |
CN109508436A (zh) * | 2018-11-14 | 2019-03-22 | 北京锐安科技有限公司 | 基于异步加载页面的前端路由方法及装置 |
CN109614564B (zh) * | 2018-12-06 | 2020-11-20 | 苏州思必驰信息科技有限公司 | 提升WebView与H5交互实时性的方法及装置 |
CN109857477A (zh) * | 2019-01-16 | 2019-06-07 | 北京辰森世纪科技股份有限公司 | 混合应用转场优化方法、装置及设备 |
CN109960767A (zh) * | 2019-01-25 | 2019-07-02 | 深圳壹账通智能科技有限公司 | 页面显示方法、装置、计算机装置及计算机可读存储介质 |
CN109902248B (zh) * | 2019-02-25 | 2021-07-13 | 百度在线网络技术(北京)有限公司 | 页面显示方法、装置、计算机设备和可读存储介质 |
CN109977333B (zh) * | 2019-03-22 | 2020-06-09 | 北京三快在线科技有限公司 | 网页显示方法、装置、计算机设备及存储介质 |
CN110704125A (zh) * | 2019-09-19 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 一种网页加载方法、装置及存储介质和终端设备 |
CN110704764B (zh) * | 2019-09-26 | 2021-05-11 | 四川天邑康和通信股份有限公司 | 一种iptv浏览器页面切换的处理方法及系统 |
CN110889060A (zh) * | 2019-11-05 | 2020-03-17 | 北京三快在线科技有限公司 | 网页显示方法、装置、计算机设备及存储介质 |
CN111324340B (zh) * | 2020-02-20 | 2021-07-20 | 腾讯科技(深圳)有限公司 | 基于网页副本的交互方法、装置、存储介质和计算机设备 |
CN111488185B (zh) * | 2020-04-15 | 2023-06-06 | 抖音视界有限公司 | 页面数据处理方法、装置、电子设备和可读介质 |
CN111581561A (zh) * | 2020-04-29 | 2020-08-25 | 北京达佳互联信息技术有限公司 | 页面的显示控制方法、装置、客户端及存储介质 |
CN112364275A (zh) * | 2020-11-10 | 2021-02-12 | 平安普惠企业管理有限公司 | 页面加载方法、装置、设备及存储介质 |
CN112634412B (zh) * | 2020-12-16 | 2023-06-30 | 广州橙行智动汽车科技有限公司 | 一种数据处理的方法和装置 |
CN112632420A (zh) * | 2020-12-24 | 2021-04-09 | 青岛海尔科技有限公司 | 界面跳转方法、装置、存储介质及电子装置 |
CN112764958B (zh) * | 2021-01-27 | 2023-01-13 | 上海淇玥信息技术有限公司 | 一种辅助修复页面故障的方法、装置和电子设备 |
CN114035857A (zh) * | 2021-10-19 | 2022-02-11 | 四川天邑康和通信股份有限公司 | 一种Android webview机顶盒页面加载优化系统及处理方法 |
CN115525852A (zh) * | 2021-10-28 | 2022-12-27 | 北京字节跳动网络技术有限公司 | 网页的渲染方法、装置、设备及存储介质 |
CN115237502B (zh) * | 2022-07-30 | 2023-08-29 | 中邮消费金融有限公司 | 一种用于加载动画防止频繁闪烁的方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103780651A (zh) * | 2012-10-23 | 2014-05-07 | 腾讯科技(深圳)有限公司 | 异步切换、新增、关闭页面的方法及系统 |
US8887178B1 (en) * | 2012-10-23 | 2014-11-11 | Google Inc. | Method to customize native operating system views using web technologies in mobile devices |
CN106250434A (zh) * | 2016-07-26 | 2016-12-21 | 东软集团股份有限公司 | 加载网页的方法及装置 |
-
2017
- 2017-04-27 CN CN201710288584.0A patent/CN107122192B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103780651A (zh) * | 2012-10-23 | 2014-05-07 | 腾讯科技(深圳)有限公司 | 异步切换、新增、关闭页面的方法及系统 |
US8887178B1 (en) * | 2012-10-23 | 2014-11-11 | Google Inc. | Method to customize native operating system views using web technologies in mobile devices |
CN106250434A (zh) * | 2016-07-26 | 2016-12-21 | 东软集团股份有限公司 | 加载网页的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107122192A (zh) | 2017-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107122192B (zh) | 网页视图展示方法、装置、计算设备及存储介质 | |
CN102970343B (zh) | 一种显示推送信息的方法和装置 | |
CN111259284B (zh) | 页面懒加载的方法和装置、存储介质和处理器 | |
CN103678307B (zh) | 页面显示方法及客户端 | |
CN103677549B (zh) | 一种数据处理方法与装置 | |
CN106527888B (zh) | 滑屏查找页面的方法及装置 | |
CN104898952A (zh) | 一种终端分屏实现方法及终端 | |
CN103714115A (zh) | 一种网页内容的加载方法和装置 | |
CN107045546B (zh) | 一种网页处理方法、装置及智能终端 | |
CN107679214B (zh) | 链接定位方法、装置、终端与计算机可读存储介质 | |
CN104008114A (zh) | 一种wap浏览器的页面跳转方法及装置 | |
CN108469973B (zh) | 界面内容的显示方法、显示装置以及智能显示设备 | |
CN104657201A (zh) | 应用程序推送方法、装置、设备及系统 | |
US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
CN105677658B (zh) | 页面展现方法及装置 | |
CN102880695A (zh) | 网页中点击位置的确定方法及装置 | |
CN103678343A (zh) | 提示网页加载进度的方法和装置 | |
CN106155521A (zh) | 一种在终端上进行返回操作的方法和装置 | |
CN110096322A (zh) | 适配终端屏幕的方法及装置、存储介质、电子装置 | |
CN105872767A (zh) | 一种基于用户行为引导分享的方法和装置 | |
CN105892794A (zh) | 一种浏览器界面显示方法及装置 | |
US20170169042A1 (en) | Webpage display method, mobile terminal, intelligent terminal, computer program and storage medium | |
CN105488072A (zh) | 一种目标库中目标对象选定方法、装置及系统 | |
CN107358095A (zh) | 一种威胁检测方法、装置及网络系统 | |
CN105912195B (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 | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200624 Address after: 1224-1, 12 / F, building 2, No. 18, YANGFANGDIAN Road, Haidian District, Beijing 100038 Patentee after: QIANDAI (BEIJING) INFORMATION TECHNOLOGY Co.,Ltd. Address before: 100190, 2106-030, No. 9 West Fourth Ring Road, Beijing, Haidian District Patentee before: BEIJING SANKUAI ONLINE TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |