页面显示方法、页面显示系统、电子设备和存储介质与流程

1.本发明涉及计算机
技术领域：
，具体而言，涉及一种页面显示方法、页面显示系统、电子设备和存储介质。
背景技术：
：2.在使用手机app浏览网页时用户都希望很快就能打开，如果有些网页体积很大，加载就会很慢，尤其是在网络速度不稳定的时候，影响用户的使用。3.普通网页加载完成后，如果把浏览器关掉，下次再打开该网页时，还需要重新加载，不能重复使用，速度慢、重复消耗手机网络流量和电量、体验不好。技术实现要素：4.本发明旨在至少解决现有技术中存在的技术问题之一。5.为此，本发明第一方面提供了一种页面显示方法。6.本发明第二方面提供了一种页面显示系统。7.本发明第三方面提供了一种页面显示系统。8.本发明第四方面提供了一种电子设备。9.本发明第五方面提供了一种存储介质。10.有鉴于此，根据本发明的第一方面，提出了一种页面显示方法，包括：在应用程序启动后，创建网页容器；将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；响应于用户对标识信息的操作请求，根据预加载的网页容器对第二页面进行显示。11.本发明提供的页面显示方法，用于电子设备的应用程序。在应用程序启动后，先创建网页容器，然后将网页容器添加到应用程序的第一页面。其中，第一页面是用于预加载的宿主页面，一般是应用程序的主页，但不限于主页。第一页面上显示有需要预加载的第二页面的标识信息。通过网页容器对第二页面的页面信息进行预加载，加载成功后，得到预加载的网页容器。其中，整个预加载过程是不可见的，只在后台加载。当接收到用户对上述标识信息的操作请求时，根据预加载的网页容器对第二页面进行显示。相比于使用预加载之前，正常网络环境下的加载时间可缩短到不到1秒，实现秒开，从而能节省了电子设备的流量、电量，并显著提升了用户体验。12.并且，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。13.需要说明的是，当第一页面包括多个需要预加载的第二页面时，则需要创建多个网页容器，以使得一个网页容器对一个第二页面进行预加载。14.网页容器，即网页组件，它的作用是用来显示一个web页面，通过url来加载显示一个网页，也可以传入一端html代码来显示。本领域技术人员是可以理解网页容器的含义的。15.电子设备包括但不限于手机。16.根据本发明的上述页面显示方法，还可以具有以下技术特征：17.在上述技术方案中，根据预加载的网页容器对第二页面进行显示的步骤，具体包括：将预加载的网页容器从第一页面移除；设置预加载的网页容器的上下文信息为第二页面的上下文信息，以及设置预加载的网页容器的数据获取通道为第二页面的数据获取通道；设置完成后，将预加载的网页容器添加到第二页面。18.在该技术方案中，在使用预加载时，首先将预加载的网页容器从第一页面剥离，再把其上下文信息替换为第二页面的上下文信息，并把其数据获取通道替换为第二页面的数据获取通道。然后在第二页面中加入该预加载的网页容器，用户就可以看到预加载的内容了，这样就实现了预加载的网页容器的复用。19.此处需要说明的是，一方面，网页容器的上下文信息可移植，这样才能把预加载的网页容器移植到第二页面，另一方面，在数据获取上，使用反向依赖的思想，网页容器通过调用数据获取通道获取外部信息，那么，通过动态注入数据获取通道的实现，就可以从这些实现中获取数据。在上述任一技术方案中，数据获取通道包括至少一个数据接口。20.在该技术方案中，数据获取通道包括至少一个数据接口，通过数据接口获取到相应的数据。21.在上述任一技术方案中，页面显示方法，还包括：判断预加载是否加载成功；当加载失败时，根据预先设置的网页容器对第二页面进行显示。22.在该技术方案中，在创建网页容器并将其添加在应用程序用于预加载的第一页面之后，网页容器会对第二页面的页面数据进行预加载。而后，通过判断预加载是否加载成功，若加载成功，则在接收到用户需要打开第二页面的操作请求时，默认使用预加载的网页容器对第二页面进行显示，从而实现对第二页面的秒开。而若加载失败，则不使用预加载，使用普通的网页容器进行加载，从而确保第二页面可以被打开，提高应用程序的稳定性与可靠性。23.在上述任一技术方案中，页面显示方法，还包括：保存预加载的网页容器。24.在该技术方案中，在应用程序启动后，先创建网页容器，然后将网页容器添加到应用程序的第一页面。通过网页容器对第二页面的页面信息进行预加载，加载完成后，得到预加载的网页容器。并将预加载的网页容器进行保存，这样，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。25.在上述任一技术方案中，网页容器包括webview容器。26.在该技术方案中，网页容器包括webview容器，但不限于此。27.在上述任一技术方案中，页面显示方法，还包括：响应于销毁页面的操作请求，确定预加载的网页容器所在页面；将预加载的网页容器从所在页面移除，并重置预加载的网页容器的上下文信息为应用程序的全局上下文信息。28.在该技术方案中，当系统接收到销毁页面的操作请求时，确定预加载的网页容器所在页面，而后，将预加载的网页容器从该页面中移除，并重置其上下文信息为应用程序的全局上下文信息，从而使得该所在页面可被正常销毁与回收。29.具体地，如果预加载的网页容器没有从第一页面剥离过，那回收的时候就从第一页面移除，如果剥离过，那回收的时候，就从第二页面移除，使得所在页面可以被正常回收。30.根据本发明的第二方面，提出了一种页面显示系统，包括：创建单元，用于应用程序启动后，创建网页容器；预加载单元，用于将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；显示单元，用于响应于用户对标识信息的操作请求，根据预加载的网页容器对第二页面进行显示。31.本发明提供的页面显示系统，用于电子设备的应用程序。该页面显示系统包括创建单元、预加载单元和显示单元。在应用程序启动后，创建单元先创建网页容器，然后将网页容器添加到应用程序的第一页面。其中，第一页面是用于预加载的宿主页面，一般是应用程序的主页，但不限于主页。第一页面上显示有需要预加载的第二页面的标识信息。预加载单元通过网页容器对第二页面的页面信息进行预加载，加载完成后，得到预加载的网页容器。其中，整个预加载过程是不可见的，只在后台加载。当接收到用户对上述标识信息的操作请求时，显示单元根据预加载的网页容器对第二页面进行显示。相比于使用预加载之前，正常网络环境下的加载时间可缩短到不到1秒，实现秒开，从而能节省了电子设备的流量、电量，并显著提升了用户体验。32.并且，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。33.需要说明的是，当第一页面包括多个需要预加载的第二页面时，则需要创建多个网页容器，以使得一个网页容器对一个第二页面进行预加载。34.根据本发明的第三方面，提出了一种页面显示系统，包括：存储器，存储有程序或指令；处理器，处理器执行程序或指令时实现如上述任一技术方案的页面显示方法的步骤。35.本发明提供的页面显示系统，包括存储器和处理器。存储器存储有程序或指令，当处理器执行上述程序或指令时，能够实现上述任一技术方案的页面显示方法的步骤，因此该页面显示系统具有该页面显示方法的全部有益效果，在此不再一一论述。36.根据本发明的第四方面，提出了一种电子设备，包括上述任一技术方案的页面显示系统。37.本发明提供的电子设备，包括上述任一技术方案的页面显示系统，因此，该电子设备具有该页面显示系统的全部有益效果，在此不再一一论述。38.根据本发明的第五方面，提出了一种存储介质，其上存储有程序，程序被处理器执行时实现如上述任一技术方案的页面显示方法。39.本发明提供的存储介质，其存储的程序被执行时，可实现如上述任一技术方案的页面显示方法的步骤。因此，该存储介质具有上述页面显示方法的全部有益效果，在此不再一一论述。40.本发明的附加方面和优点将在下面的描述部分中变得明显，或通过本发明的实践了解到。附图说明41.本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：42.图1是本发明一个实施例的页面显示方法的流程示意图之一；43.图2是本发明一个实施例的页面显示方法的流程示意图之二；44.图3是本发明一个实施例的页面显示方法的流程示意图之三；45.图4是本发明一个实施例的页面显示方法的流程示意图之四；46.图5是本发明一个实施例的页面显示系统示意框图；47.图6是本发明一个实施例的页面显示系统的示意框图；48.图7是本发明一个具体实施例的页面显示方法的预加载流程。具体实施方式49.为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本发明的实施例及实施例中的特征可以相互组合。50.在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不限于下面公开的具体实施例的限制。51.下面参照图1至图7描述根据本发明一些实施例所述的页面显示方法、页面显示系统、电子设备和存储介质。52.实施例一：53.图1是本发明一个实施例的页面显示方法的流程示意图之一。其中，该页面显示方法包括：54.步骤102，在应用程序启动后，创建网页容器；55.步骤104，将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；56.步骤106，响应于用户对标识信息的操作请求，根据预加载的网页容器对第二页面进行显示。57.本实施例提供的页面显示方法，用于电子设备的应用程序。在应用程序启动后，先创建网页容器，然后将网页容器添加到应用程序的第一页面。其中，第一页面是用于预加载的宿主页面，一般是应用程序的主页，但不限于主页。第一页面上显示有需要预加载的第二页面的标识信息。通过网页容器对第二页面的页面信息进行预加载，加载完成后，得到预加载的网页容器。其中，整个预加载过程是不可见的，只在后台加载。当接收到用户对上述标识信息的操作请求时，根据预加载的网页容器对第二页面进行显示。相比于使用预加载之前，正常网络环境下的加载时间可缩短到不到1秒，实现秒开，从而能节省了电子设备的流量、电量，并显著提升了用户体验。58.并且，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。59.需要说明的是，当第一页面包括多个需要预加载的第二页面时，则需要创建多个网页容器，以使得一个网页容器对一个第二页面进行预加载。60.具体地，电子设备可为手机、pad等。61.实施例二：62.图2是本发明一个实施例的页面显示方法的流程示意图之二。其中，该页面显示方法包括：63.步骤202，在应用程序启动后，创建网页容器；64.步骤204，将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；65.步骤206，响应于用户对标识信息的操作请求，将预加载的网页容器从第一页面移除；66.步骤208，设置预加载的网页容器的上下文信息为第二页面的上下文信息，以及设置预加载的网页容器的数据获取通道为第二页面的数据获取通道；67.步骤210，设置完成后，将预加载的网页容器添加到第二页面。68.在该实施例中，在使用预加载时，首先将预加载的网页容器从第一页面剥离，再把其上下文信息替换为第二页面的上下文信息，并把其数据获取通道替换为第二页面的数据获取通道。然后在第二页面中加入该预加载的网页容器，用户就可以看到预加载的内容了，这样就实现了预加载的网页容器的复用。69.此处需要说明的是，一方面，网页容器的上下文信息可移植，这样才能把预加载的网页容器移植到第二页面，另一方面，在数据获取上，使用反向依赖的思想，网页容器通过调用数据获取通道获取外部信息，那么，通过动态注入数据获取通道的实现，就可以从这些实现中获取数据。70.例如1，预加载的网页容器所在页面要执行一个javascript方法，通过上述数据通道将相关参数传给预加载的网页容器，预加载的网页容器就可以完成这个javascript方法的执行。71.例如2，预加载的网页容器所在页面上点击一个按钮，实现让预加载的网页容器后退到上次浏览的内容，通过上述数据通道获取到按钮的相关数据，从而告知预加载的网页容器，就可以后退到上次浏览的内容。72.在上述实施例中，数据获取通道包括至少一个数据接口。73.在该实施例中，数据获取通道包括至少一个数据接口，通过数据接口获取到相应的数据。74.实施例三：75.图3是本发明一个实施例的页面显示方法的流程示意图之三。其中，该页面显示方法包括：76.步骤302，在应用程序启动后，创建网页容器；77.步骤304，将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；78.步骤306，判断预加载是否加载成功；当加载成功时，执行步骤308，当加载失败时，执行步骤314；79.步骤308，响应于用户对标识信息的操作请求，将预加载的网页容器从第一页面移除；80.步骤310，设置预加载的网页容器的上下文信息为第二页面的上下文信息，以及设置预加载的网页容器的数据获取通道为第二页面的数据获取通道；81.步骤312，设置完成后，将预加载的网页容器添加到第二页面。82.步骤314，根据预先设置的网页容器对第二页面进行显示。83.在该实施例中，在创建网页容器并将其添加在应用程序用于预加载的第一页面之后，网页容器会对第二页面的页面数据进行预加载。而后，通过判断预加载是否加载成功，若加载成功，则在接收到用户需要打开第二页面的操作请求时，默认使用预加载的网页容器对第二页面进行显示，从而实现对第二页面的秒开。而若加载失败，则不使用预加载，使用普通的网页容器进行加载，从而确保第二页面可以被打开，提高应用程序的稳定性与可靠性。84.在上述任一实施例中，页面显示方法还包括：保存预加载的网页容器。85.在该实施例中，在应用程序启动后，先创建网页容器，然后将网页容器添加到应用程序的第一页面。通过网页容器对第二页面的页面信息进行预加载，加载完成后，得到预加载的网页容器。并将预加载的网页容器进行保存，这样，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。86.在上述任一实施例中，网页容器为webview容器。87.在该实施例中，网页容器为webview容器，但本领域技术人员可以理解，网页容器不限于webview容器。88.实施例四：89.图4是本发明一个实施例的页面显示方法的流程示意图之四。其中，该页面显示方法包括：90.步骤402，在应用程序启动后，创建网页容器；91.步骤404，将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；92.步骤406，判断预加载是否加载成功；当加载成功时，执行步骤408，当加载失败时，执行步骤414；93.步骤408，响应于用户对标识信息的操作请求，将预加载的网页容器从第一页面移除；94.步骤410，设置预加载的网页容器的上下文信息为第二页面的上下文信息，以及设置预加载的网页容器的数据获取通道为第二页面的数据获取通道；95.步骤412，设置完成后，将预加载的网页容器添加到第二页面；96.步骤414，根据预先设置的网页容器对第二页面进行显示；97.步骤416，响应于销毁页面的操作请求，确定预加载的网页容器所在页面；98.步骤418，将预加载的网页容器从所在页面移除，并重置预加载的网页容器的上下文信息为应用程序的全局上下文信息。99.在该实施例中，当系统接收到销毁页面的操作请求时，确定预加载的网页容器所在页面，而后，将预加载的网页容器从该页面中移除，并重置其上下文信息为应用程序的全局上下文信息，从而使得该所在页面可被正常销毁与回收。100.具体地，如果预加载的网页容器没有从第一页面剥离过，那回收的时候就从第一页面移除，如果剥离过，那回收的时候，就从第二页面移除，使得所在页面可以被正常回收。101.实施例五：102.图5是本发明一个实施例的页面显示系统500的示意框图。其中，该页面显示系统500包括：103.创建单元502，用于应用程序启动后，创建网页容器；104.预加载单元504，用于将网页容器添加到应用程序的第一页面，其中，第一页面包括需要预加载的第二页面的标识信息，通过网页容器对第二页面的页面信息进行预加载，得到预加载的网页容器；105.显示单元506，用于响应于用户对标识信息的操作请求，根据预加载的网页容器对第二页面进行显示。106.本实施例提供的页面显示系统500，用于电子设备的应用程序。该页面显示系统500包括创建单元502、预加载单元504和显示单元506。在应用程序启动后，创建单元502先创建网页容器，然后将网页容器添加到应用程序的第一页面。其中，第一页面是用于预加载的宿主页面，一般是应用程序的主页，但不限于主页。第一页面上显示有需要预加载的第二页面的标识信息。预加载单元504通过网页容器对第二页面的页面信息进行预加载，加载完成后，得到预加载的网页容器。其中，整个预加载过程是不可见的，只在后台加载。当接收到用户对上述标识信息的操作请求时，显示单元506根据预加载的网页容器对第二页面进行显示。相比于使用预加载之前，正常网络环境下的加载时间可缩短到不到1秒，实现秒开，从而能节省了电子设备的流量、电量，并显著提升了用户体验。107.并且，在预加载完成后，如果关掉之前打开的网页，再次打开时，可以继续使用上次的预加载页面，不需要重新加载，实现秒开，这使得在网络环境不稳定时，多次开关网页都可以马上打开。108.需要说明的是，当第一页面包括多个需要预加载的第二页面时，则需要创建多个网页容器，以使得一个网页容器对一个第二页面进行预加载。109.另外，显示单元506具体用于将预加载的网页容器从第一页面移除；设置预加载的网页容器的上下文信息为第二页面的上下文信息，以及设置预加载的网页容器的数据获取通道为第二页面的数据获取通道；设置完成后，将预加载的网页容器添加到第二页面，以对第二页面进行显示。110.此外，预加载单元504还用于响应于销毁页面的操作请求，确定预加载的网页容器所在页面；将预加载的网页容器从所在页面移除，并重置预加载的网页容器的上下文信息为应用程序的全局上下文信息，以使得预加载的网页容器所在页面能够被销毁与回收。111.实施例六：112.图6是本发明一个实施例的页面显示系统600的示意框图。其中，该页面显示系统600包括：113.存储器602，存储有程序或指令；114.处理器604，处理器604执行程序或指令时实现如上述任一实施例的页面显示方法的步骤。115.本实施例提供的页面显示系统600，包括存储器602和处理器604。存储器602存储有程序或指令，当处理器604执行上述程序或指令时，能够实现上述任一实施例的页面显示方法的步骤，因此该页面显示系统600具有该页面显示方法的全部有益效果，在此不再一一论述。116.实施例七：117.提出了一种电子设备，包括上述任一实施例的页面显示系统。118.本实施例提供的电子设备，包括上述任一实施例的页面显示系统，因此，该电子设备具有该页面显示系统的全部有益效果，在此不再一一论述。119.具体地，电子设备为手机、pad等。120.随着互联网应用的爆炸式增长，html网页的体积也越来越大，有些甚至达到了几十兆字节。使用普通的浏览器加载要耗费很长时间，达到几十秒甚至更久，严重影响了用户的使用。121.实施例八：122.本发明的一个具体实施例提供了一种页面显示方法，该页面显示方法用于安卓手机上的应用程序上。采用webview(安卓手机的浏览器内核)预加载的方式在后台自动加载h5(htlm5)的资源并保存加载的数据，用户在打开这类h5时将预加载的webview移动到当前页面就能快速显示之前加载的内容。该页面显示方法包括如下核心步骤：123.1、开始预加载124.应用启动后，先创建一个用于预加载的宿主页面(一般是应用的主页)；125.创建一个webview添加到宿主页面并开始加载指定的网址。为不影响用户使用，该webview是不可见的，只在后台加载。126.关键的地方有两点，webview的上下文及数据获取通道。127.1)webview的上下文要求可移植，这样才能把webview移植到其他原生页面(即activity、fragment)，本实施例中使用的是mutablecontextwrapper实现对webview的上下文的移植。2)数据获取使用反向依赖的思想，webview通过调用接口获取外部信息，通过动态注入这些接口的实现，就可以从这些实现中获取数据。128.2、使用预加载129.在需要使用预加载的页面打开时，先把预加载的webview从宿主页面剥离，把其上下文、数据获取通道替换成当前页面的实现。然后在当前页面中加入该webview，用户就可以看到该webview，这样就实现了预加载webview的复用。通过这种方法，就可以支持webview移植到其他任意原生页面(即activity、fragment)。130.3、回收131.在宿主页面销毁时，从预加载的webview所在页面移除预加载的webview，重置预加载webview的上下文为应用的全局上下文，使宿主页面可以被正常回收。132.实施例九：133.图7是本发明一个具体实施例的页面显示方法的预加载流程。其中，该页面显示方法包括：134.步骤702，开始预加载；135.步骤704，创建webview添加到宿主页面；136.步骤706，是否加载成功；加载成功则执行步骤708，加载失败则执行步骤714；137.步骤708，移植到需要使用预加载的页面；138.步骤710，修改webview的上下文及数据获取通道；139.步骤712，使用预加载webview显示预加载的内容；140.步骤714，不使用预加载，使用普通的webview。141.可以理解地，本实施例的宿主页面即第一页面，网页容器采用的是webview容器。142.实施例十：143.提出了一种存储介质，其上存储有程序，程序被处理器执行时实现如上述任一实施例的页面显示方法。144.本实施例提供的存储介质，其存储的程序被执行时，可实现如上述任一实施例的页面显示方法的步骤。因此，该存储介质具有上述页面显示方法的全部有益效果，在此不再一一论述。145.在本说明书的描述中，术语“第一”、“第二”仅用于描述的目的，而不能理解为指示或暗示相对重要性，除非另有明确的规定和限定；术语“连接”、“安装”、“固定”等均应做广义理解，例如，“连接”可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是直接相连，也可以通过中间媒介间接相连。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。146.在本说明书的描述中，术语“一个实施例”、“一些实施例”、“具体实施例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或实例。而且，描述的具体特征、结构、材料或特点可以在任何的一个或多个实施例或示例中以合适的方式结合。147.以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。当前第1页12