一种网页内容的显示方法及终端与流程

文档序号:15686533发布日期:2018-10-16 21:07阅读:152来源:国知局

本发明涉及互联网领域中的网页实现技术,尤其涉及一种网页内容的显示方法及终端。



背景技术:

在移动互联网快速变化的环境下,终端上的应用程序(nativeapp,nativeapplication)的开发、发布成本以及快速迭代的能力也在发生着快速的变化,终端可以实现的功能也越来越多。

目前,终端的一些功能的实现都是通过第三方开发的应用程序(应用软件)实现的,例如,用户可以通过终端上安装的漫画类应用软件进行漫画的浏览。但是,采用第三方开发的应用程序实现某个功能时,由于不同用户持有的终端的类型或类别的不同,那么,针对不同硬件尺寸的终端安装同一种应用程序的情况,可能会出现应用程序中实现对应用功能的资源需要进行不同的处理的情况,以适配不同的终端。例如,用户使用终端上安装的漫画类应用软件进行漫画的浏览的时候,终端为手机和终端为平板时的硬件尺寸是不同的,而且漫画在漫画类应用软件的实现形式为图片压缩包的形式,这样的话,用户在使用漫画类应用软件进行漫画的浏览的时候,需要针对每个终端的都重新获取图片资源并进行的相应的尺寸的处理才能显示在终端上,于是,这样造成了显示界面的显示参数不能快速通过相同的图片实现控制,而是要重新获取图片资源来实现,从而引起实现应用程序功能的效率受到影响。



技术实现要素:

为解决上述技术问题,本发明实施例期望提供一种网页内容的显示方法及终端,能够在终端的应用上实现网页内容的显示,避免了资源的不同处理,提高了实现应用程序功能的效率。

本发明的技术方案是这样实现的:

本发明实施例提供了一种网页内容的显示方法,包括:

当第一应用启动时,加载并显示预设网页界面;

在所述预设网页界面的第一显示区域接收第一控制操作;

根据预设的操作类型与显示区域的对应关系和所述第一显示区域,确定所述第一控制操作的操作类型,所述操作类型包括:应用操作和网页操作,其中,所述应用操作为对应用界面上的选择项进行操作,所述网页操作为对预设显示区域进行操作;

当所述第一控制操作为所述应用操作时,生成第一应用指令,并根据所述第一应用指令控制在所述预设网页界面上显示网页内容;

当所述第一控制操作为所述网页操作时,在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项。

本发明实施例提供了一种终端,包括:

加载单元,用于当第一应用启动时,加载预设网页界面;

显示单元,用于显示所述预设网页界面;

接收单元,用于在所述预设网页界面的第一显示区域接收第一控制操作;

确定单元,用于根据预设的操作类型与显示区域的对应关系和所述第一显示区域,确定所述第一控制操作的操作类型,所述操作类型包括:应用操作和网页操作,其中,所述应用操作为对应用界面上的选择项进行操作,所述网页操作为对预设显示区域进行操作;

生成单元,用于当所述第一控制操作为所述应用操作时,生成第一应用指令,

所述显示单元,还用于根据所述第一应用指令控制在所述预设网页界面上显示网页内容;以及,当所述第一控制操作为所述网页操作时,在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项。

本发明实施例同时提供了一种终端,包括:接收器、显示器、处理器以及存储有所述处理器可执行指令、所述接收器的接收的数据和所述显示器显示的数据的存储介质,所述接收器和所述显示器依赖于所述处理器执行操作,当所述指令被处理器执行时,执行如下操作:

所述处理器,用于当第一应用启动时,加载预设网页界面;

所述显示器,用于显示所述预设网页界面;

所述接收器,用于在所述预设网页界面的第一显示区域接收第一控制操作;

所述处理器,还用于根据预设的操作类型与显示区域的对应关系和所述第一显示区域,确定所述第一控制操作的操作类型,所述操作类型包括:应用操作和网页操作,其中,所述应用操作为对应用界面上的选择项进行操作,所述网页操作为对预设显示区域进行操作;以及,当所述第一控制操作为所述应用操作时,生成第一应用指令;

所述显示器,还用于根据所述第一应用指令控制在所述预设网页界面上显示网页内容;以及,当所述第一控制操作为所述网页操作时,在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项。

本发明实施例提供了一种网页内容的显示方法及终端,当第一应用启动时,该终端加载并显示预设网页界面;终端在预设网页界面的第一显示区域接收第一控制操作;终端根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型,操作类型包括:应用操作和网页操作,其中,应用操作为对应用界面上的选择项进行操作,网页操作为对预设显示区域进行操作;当第一控制操作为应用操作时,终端生成第一应用指令,并根据第一应用指令控制在预设网页界面上显示网页内容;当第一控制操作为网页操作时,终端在预设网页界面上显示与预设显示区域对应的网页界面上的选择项。采用上述技术实现方案,由于第一应用启动后,可以通过设置好的预设网页界面上接收到的第一控制操作在第一应用上实现网页界面上显示网页内容,也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率。

附图说明

图1为本发明实施例提供的一种网页内容的显示系统的架构图;

图2为本发明实施例提供的一种网页内容的显示方法的流程图一;

图3为本发明实施例提供的示例性的预设网页界面的示意图一;

图4为本发明实施例提供的示例性的预设网页界面的示意图二;

图5为本发明实施例提供的示例性的预设网页界面的示意图三;

图6为本发明实施例提供的示例性的网页内容的显示流程;

图7为本发明实施例提供的一种网页内容的显示方法的流程图二;

图8为本发明实施例提供的示例性的预设网页界面的示意图四;

图9为本发明实施例提供的一种网页内容的显示方法的流程图三;

图10为本发明实施例提供的示例性的平板与手机中的显示画面的对比图;

图11为本发明实施例提供的一种网页内容的显示方法的流程图四;

图12为本发明实施例提供的应用容器的架构图;

图13为本发明实施例提供的一种网页内容的显示方法的流程图五;

图14为本发明实施例提供的一种终端的结构示意图一;

图15为本发明实施例提供的一种终端的结构示意图二;

图16为本发明实施例提供的一种终端的结构示意图三;

图17为本发明实施例提供的一种终端的结构示意图四。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。

图1为网页内容的显示系统的架构图,本发明实施例是基于该架构图实现网页内容的显示方法的。图1中包括:一个或多个服务器2、终端1及网络3,网络3中包括路由器,网关等等网络实体,图1中并未体现。终端1通过有线网络或者无线网络与服务器2进行网页内容的交互,以便从终端1可以从服务器2中获取网页内容,从而实现在终端1上网页内容的显示。终端1的类型如图1所示,包括手机、平板电脑或pda、台式机、pc机、智能tv等类型。其中,终端中安装有各种用户所需的第一应用,比如具备娱乐功能的应用(如视频应用,音频播放应用,游戏应用,阅读软件、聊天应用、动漫类应用和直播应用),又如具备服务功能的应用(如地图导航应用、团购应用、拍摄应用等)。

基于上述架构,实现下述各实施例。

实施例一

本发明实施例提供了一种网页内容的显示方法,如图2所示,该方法可以包括:

s101、当第一应用启动时,加载并显示预设网页界面。

本发明实施例的应用场景可以为在通过终端上第一应用实现某个应用功能时,第一应用的某个应用功能的界面显示的方式是网页内容。

可选的,本发明实施例中的第一应用均可以设置在终端上,该终端可以为安装有特定应用功能的智能电子设备,例如,智能手机、智能电视和平板电脑等,本发明实施例不作限制,具体的特定应用功能的种类本发明实施例也不作限制,例如,动漫类应用等。

在本发明实施例中,用户想要使用终端实现某个应用功能的时候,由于当第一应用启动时,终端就可以依据实现某个应用功能的预先设置来加载并显示预设网页界面,以实现在预设网页界面上显示网页内容。

优选的,在本发明实施例中,第一应用可以为图片显示类应用,例如,动漫类应用等,本发明实施例不作限制。

需要说明的是,在本发明实施例中,第一应用中可以通过增加一个应用容器来实现网页内容的显示,其中应用容器中嵌入了网页容器,网页容器中设置于预设的网页内容,这样在第一应用启动的时候,在终端的第一应用中就可以加载并显示出第一预设网页了。

具体的,在本发明实施例中,终端可以根据预设的网页参数,加载预设网页界面。其中,预设的网页参数也是这设置网页容器时事先设置的,该预设的网页参数可以是初次或初始加载预设网页界面的,也可以是每次加载预设网页界面的,具体的可以根据实际设计进行实现,本发明不作限制。

可选的,预设的网页参数可以为预设网址或预设网页资源的相关参数,本发明实施例不作限制。

示例性的,若第一应用为动漫类应用,则终端可以根据预设网址,加载预设网页界面,并显示该预设网页界面,该预设网页界面的内容可以为动漫画面。

s102、在预设网页界面的第一显示区域接收第一控制操作。

终端的第一应用中显示了预设网页界面之后,由于用户可以看到预设网页界面上的功能操作按键,因此,用户就可以通过触发功能操作按键实现预设网页界面上网页内容的显示变化,这样,终端在预设网页界面的第一显示区域就是接收到了基于用户行为的第一控制操作。

其中,显示区域为终端的显示屏幕上的显示画面的区域,第一显示区域为用户在终端显示的预设网页界面上进行功能按键触发的区域,即触发第一控制操作的区域。

可选的,本发明实施例中的第一控制操作可以为对预设网页界面上显示的网页内容进行控制的操作,例如,翻页、分享、关闭,或显示网页界面上的选择项等操作。

需要说明的是,在本发明实施例中,第一控制操作的触发实现形式不作具体的限制,例如,第一控制操作可以由触发预设网页界面上的功能操作按键实现,也可以为通过触发预设网页界面上的预设的特定显示区域而实现的,本发明实施例不限制第一控制操作的触发形式。

这里,第一控制操作通过触发预设网页界面上的预设的特定显示区域实现时,触发的预设网页界面上的预设的特定显示区域的方式可以为单点触发或手势操作,其中,手势操作可以为预设的特定手势,不同的手势可以对应不同的功能,例如,左右滑动可以实现翻页操作,上下滑动可以实现章节的切换等等,本发明实施例不作限制。

示例性的,如图3所示为手机上的漫画类应用上的预设网页界面示意图,用户在预设网页界面上的显示区域1进行触发(即在显示区域1接收了第一控制操作)。

s103、根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型,该操作类型包括:应用操作和网页操作,其中,应用操作为对应用界面上的选择项进行操作,网页操作为对预设显示区域进行操作。

本发明实施例中,终端在预设网页界面的第一显示区域接收第一控制操作之后,由于终端中事先存储有预设的操作类型与现实区域的对应关系,那么在第一显示区域确定的情况下,终端可以确定出在第一显示区域接收的第一控制操作的操作类型了。本发明实施例中,由于终端的第一应用中实现某个应用功能的方式为应用容器中嵌入网页容器,因此,在该第一应用实现该某个应用功能时,在预设网页界面上触发的操作的操作类型可以包括:应用操作和网页操作,其中,应用操作为对应用界面上的选择项进行操作,网页操作为对预设显示区域进行操作。

需要说明的是,本发明实施例中采用应用容器中嵌入网页容器的方式实现第一应用功能(即上述的某个应用功能)时,终端的第一应用的预设网页界面上可以包括应用界面上的选择项,该应用界面上的选择项为预设网页界面上除了显示内容外设置的第一控制按键,该第一控制按键是由应用容器实现的与第一应用匹配的应用按键,实现对第一应用的当前显示内容进行控制的按键,也就是说,第一操作按键为第一应用对应的按键。

并且,在本发明实施例中,由于终端可以通过预设网页界面显示网页内容,预设网页界面在实现时可以设置有网页界面上的选择项,即可控制网页内容显示的控制项或按键,但是在本发明实施例中预设网页界面中显示的有网页内容和应用对应的第一控制按键,网页界面上的选择项可以是用户通过触发显示区域上的预设显示区域才会显示出来的。其中,预设显示区域的设置可以是在前期的研发中就设置好的,也可以是由设置项中用户的选择也确认的,本发明实施例并不作限制。

这样的话,终端在接收到第一显示区域的第一控制操作的时候,该第一控制操作到底是通过触发第一控制按键的操作,还是触发预设显示区域才有的操作,即第一控制操作的操作类型是什么,是需要终端先进行判断得到的。

进一步地,在本发明实施例中,由于预设显示区域的可以是由设置项中用户的选择也确认的,那么在设置项中用户也可以自行设置触发预设显示区域的具体手势动作,示例性的,如图4所示,用户在预设网页界面上的设置项(第一操作按键的一个按键)中可以设置触发预设显示区域(显示区域1)的触发手势,例如单击。

s104、当第一控制操作为应用操作时,生成第一应用指令,并根据该第一应用指令控制在预设网页界面上显示网页内容。

终端在根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型之后,由于操作类型可以包括两种,一种为应用操作,一种为网页操作,因此,当第一控制操作为应用操作时,终端是要控制对预设网页界面上显示的网页内容进行操作的。在本发明实施例中,应用容器与网页容器之间的通信是可以通过网页桥接来实现的,其中,应用容器可以根据监听用户事件(第一控制操作),生成与第一控制操作对应的第一应用指令,由终端根据该第一应用指令来控制预设网页界面上显示的网页内容的变化。

需要说明的是,应用容器向网页容器传递命令(应用指令)的方式为:直接将命令构造为可执行的javascript代码调用通过webview的(nsstring*)stringbyevaluatingjavascriptfromstring:(nsstring*)script的方法来实现,应用容器向webview传递一段需要执行的javascript代码最后获取执行结果。

例如,第一应用指令为导航到某一页的时候(应用界面上的选择项),实现如下:

**/

functionmttnavigatetopage(pageindex,deviceinfo);

需要说明的是,详细的应用容器与网页容器实现的信息的交互将在后续的实施例中进行详细的说明。

s105、当第一控制操作为网页操作时,在预设网页界面上显示与预设显示区域对应的网页界面上的选择项。

终端在根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型之后,由于操作类型可以包括两种,一种为应用操作,一种为网页操作,因此,当第一控制操作为网页操作时,终端是要显示网页界面上的选择项以实现对预设网页界面上显示的网页内容的控制操作的。在本发明实施例中,由于预设网页界面显示的就是网页内容,因此,用户只需要根据预设好的手势或动作,在预设显示区域进行了触发,就可以在预设网页界面上显示出能够进行网页内容的功能操作的网页界面上的选择项,即当第一控制操作为网页操作时,终端可以在预设网页界面上显示与预设显示区域对应的网页界面上的选择项。

示例性的,如图5所示,用户在手机的预设网页界面上的显示区域1(预设显示区域)进行了单击的操作(网页操作),这样,手机在预设网页界面正在显示的网页内容上又显示了与显示区域1对应的翻页模式选项(例如,横向翻页和上下滑动翻页等),即网页界面上的选择项。

需要说明的是,网页容器向应用容器传递消息是消息协议的形式,主要的是由iframe的src值表达不同的消息的。

具体的,如图6所示,网页容器向应用容器传递消息的方式为iframe方式,通过网页页面加载一个隐藏iframe,通过给iframe设定预设网页参数(例如网页地址)达到浏览器层(即我们说的应用容器的应用部分),使用shouldstartload请求方法拦截预设网页参数,解析该预设网页参数,浏览器层通过webview的回调可以拿到此预设网页参数从而达到发消息的功能。

其中,示例代码如下:

示例性的,点击页面中间显示区域,终端的第二应用指令弹出菜单(网页界面上的选择项)/**

*点击页面中间部分,终端弹出菜单

**/

mtt:comic:taponmiddlearea

其中,此时iframe的src为mtt:comic:taponmiddlearea。

可以理解的是,由于第一应用启动后,可以通过设置好的预设网页界面上接收到的第一控制操作在第一应用上实现网页界面上显示网页内容,也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率

进一步地,如图7所示,在s105之后,本发明实施例提供的网页内容的显示方法,还包括:s106-s107。如下:

s106、接收触发网页界面上的选择项对应的第二控制操作。

s107、响应第二控制操作,生成第二应用指令,并根据该第二应用指令控制在预设网页界面上显示网页内容。

终端在预设网页界面上显示与预设显示区域对应的网页界面上的选择项之后,由于预设网页界面上有了网页界面上的选择项,因此,用户就可以对网页界面上的选择项进行操作,即终端基于用户行为接收触发网页界面上的选择项对应的第二控制操作,以实现对网页内容显示的操作。

在本发明实施例中,终端基于用户行为接收触发网页界面上的选择项对应的第二控制操作,对该第二控制操作进行响应,这时的响应是在网页容器上实现的,于是,网页容器通过网页桥接通知应用容器要进行第二控制操作的相应处理,这样,终端的应用容器响应第二控制操作,生成第二应用指令,这样终端就可以根据该第二应用指令控制在预设网页界面上显示网页内容。

需要说明的,本发明实施例中的触发网页界面上的选择项对应第二控制操作可以为与触发网页界面上的选择项中的操作一致的控制操作,例如,网页界面上的选择项为左右翻页,即在显示区域进行左右滑动就能实现上一页或下一页的翻页的功能,因此,当终端触发(也可以理解为选中)网页界面上的左右翻页之后,用户在预设网页界面的显示区域进行右滑动(即触发网页界面上的选择项对应的第二控制操作)时,终端就响应左右滑动(假设对应上一页的翻页),生成第二应用指令,并根据该第二应用指令控制在预设网页界面上显示网页内容进行上一页的翻页处理。本发明实施例中,手势与功能的对应关系(例如,左滑动对应下一页的翻页)不作具体限制。

这样的话,当网页界面上的选择项为翻页模式时,用户点击翻译模式时,第二应用指令为更改翻页模式,具体的第二应用指令的实现可以为:

**/

//functionmttchangeviewmode(viewmode,deviceinfo);

/**

需要说明的是,终端控制在预设网页界面上显示网页内容的具体实现要看第二控制操作的功能是什么,终端是根据第二应用指令控制网页内容的显示与第二控制操作对应的功能的。

示例性的,如图8所示,用户在手机的预设网页界面上的显示区域1(预设显示区域)进行了单击的操作(网页操作),这样,手机在预设网页界面正在显示的网页内容上又显示了与显示区域1对应的翻页模式选项(例如,横向翻页和上下滑动翻页等),即网页界面上的选择项。于是,用户对横向翻页进行了触发,这表明只要用户在预设网页界面进行横向滑动就会进行翻页了,具体的,若是手机上接收到了基于用户行为的与横向翻页对应的横向滑动的操作或手势时(第二控制操作),该手机会生成指示进行翻页指令(应用指令),最后,手机就会根据翻页指令实现网页内容显示下一页或上一页的内容了。

进一步地,如图9和图7所示,在s104或s107之后,本发明实施例提供的网页内容的显示方法,还包括:s108。如下:

s108、保存预设网页界面上网页内容的显示记录。

在本发明实施例中,终端一旦对网页内容的显示进行了控制操作或处理之后,网页内容的显示就发生了变化,因此,为了能够再下次进行网页内容的显示的时候能够有连续性,在每次对网页内容进行的控制操作之后,终端都可以保存预设网页界面上网页内容的显示记录。

例如,在网页内容的页面发生变化时,可以按照下面几种情况向应用容器发送消息,以实现对网页内容的显示记录的保存。以漫画类应用为例进行说明,如下:

/**

*点击页面前面部分,无论在那种模式下,漫画页数变化后都要发mtt:comci:didscrolltopage,如下:

**/

mtt:comic:taponheadarea

或者,

/**

*点击页面后面部分,无论在那种模式下,漫画页数变化后都要发mtt:comci:didscrolltopage,如下:

**/

mtt:comic:tapontailarea

具体的,本发明实施例中,终端保存预设网页界面上网页内容的显示记录的过程可以为保存当前网页内容的显示页面、显示内容或进行标签的记录等等,本发明实施例不限制显号记录的具体实现方式。

进一步地,在下一次第一应用启动的时候,若是终端保存有预设网页界面上网页内容的显示记录的话,那么终端可以根据显示记录,加载预设网页界面;然后,终端就可以在预设网页界面上显示与显示记录对应的历史网络内容了。

需要说明的是,在本发明实施例中,终端加载预设网页界面的过程中可以考虑显示记录的情况,同时,该终端在加载时还需要获取终端的相关参数信息来辅助实现预设网页界面的实现的,显示记录只是其中的一个,即终端每次加载预设网页界面时会传入上一次阅读的显示记录,当前的模式,设备信息等参数信息;例如,终端每次加载预设网页界面时会传入上一次阅读的显示记录,当前的模式,设备信息等参数信息的实现形式可以为:

**/

functionmttinitpage(pageindex,viewmode,deviceinfo);

/**

示例性的,在第一应用启动的时候,终端可以按照下面的实现方式实现加载预设网页界面的过程。如下:

/**

*参数信息说明

*pageindex:显示记录eg:0-100

*videwmode:阅读模式(0横滑模式1竖滑模式)

*deviceinfo:设备信息,json对象,屏幕宽度width,屏幕高度height,终端版本version,终端令牌token(可以识别是网页容器发的消息)

**

其中,上述阅读模式就是网页界面上的选择项中的一种,表征阅读模式的选项。

可以理解的是,在每个终端中,预设网页界面的加载的过程都是可以在获取到了终端的参数信息后直接进行使用相同来源的网页资源就可以实现不同终端的适应显示的。也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率。

示例性的,图10所示,分别为终端为手机和终端为平板时,采用相同的网页来源时,显示网页内容的示意图。从图10中的对比中可以看出:在手机和在平板上使用漫画类应用显示相同的网页来源的网页内容时,可以直接达到进行加载预设网页界面的效果,效率很高。

实施例二

基于实施例一,本发明实施例提供了一种网页内容的显示方法,如图11所示,该方法的实施是基于终端的第一应用中的应用容器中嵌入了网页容器,具体的在s101之前,本发明实施例创建应用容器和网页容器的方法可以包括:s201-202。如下:

s201、创建应用容器,应用容器中设置有应用界面上的选择项。

s202、在应用容器中创建网页容器,及连接该网页容器和应用容器的网页桥接,该网页容器中设置有网页界面上的选择项和预设网页界面;其中,网页桥接用于实现触发应用界面上的选择项对预设网页界面的显示内容的显示控制,以及实现触发网页界面上的选择项对预设网页界面的显示内容的显示控制。

本发明实施例实现网页内容的显示方法的前提是终端中存在嵌入了网页容器的应用容器。

需要说明的是,应用容器,即native容器是终端应用的一种控制器,该控制器负责展现具体的视图,并控制数据的展示和响应用户的事件(例如用户的各种操作)。具体的,就是应用容器展示网页容器即web容器(视图),显示web容器中对应的网页内容,并响应浏览网页内容过程中终端上触发的用户事件。web容器是网页内容显示的容器,负责加载和展示html网页内容,承载视图对象的渲染,和基本的浏览操作,并通过接受native容器的命令(应用指令),可以实现网页内容中的视图对象的跳转历史,漫画翻页和切换翻页模式等功能,本发明实施例不作限制。

可选的,本发明实施例中,在终端使用内置的web容器,android使用webview,ios使用uiwebview(ios7及以下)和wkwebview(ios8及以上)。

在本发明实施例中,终端的应该上首先要创建有应用容器,然后,应用容器中设置有应用界面上的选择项,也就是在应用的时候的预设网页界面上设置的应用对应的第一功能按键。

终端创建应用容器之后,该终端是在应用容器中创建网页容器和连接该网页容器和应用容器的网页桥接的,其中,该网页容器中设置有网页界面上的选择项和预设网页界面;其中,网页桥接用于实现触发应用界面上的选择项对预设网页界面的显示内容的显示控制,以及实现触发网页界面上的选择项对预设网页界面的显示内容的显示控制的。

具体的,基于如图12所示的应用容器的架构图可知,第一应用对应的native容器,内置于第一应用内,是原生应用的一个组成部分。消息桥接:负责native容器和web容器间消息传递,native容器会发动用户命令(即应用指令)到web容器端,web容器也会将用户事件(控制操作)传递到native容器。web容器:用来承载和展示应用的主题内容,接受用户的控制操作,并展示应用的一些基本功能(网页界面上的选择项),如翻页,滑动或显示不同的浏览模式等,本发明实施例不作限制,在web容器中还设置有html网页内容(即预设网页界面),html网页内容指接入的html网页,具体呈现形式为终端从web服务器获取的网页资源(即html字节流,遵循html编码格式的内容)。其中,用户事件,是指用户在web容器里的操作(第二控制操作),比如滑动,点击页面或长按等操作。用户命令是从native端发往web容器的应用指令,比如要跳转到某一页,启动web容器的不同浏览模式等。

示例性的,native容器的具体实现形式,在android系统和ios系统下分别使用activeview和uiviewcontroller的继承类,具体包括:主控制器(例如,mttcartoonreaderviewcontroller)、视图对象(例如,mttcartoonreadermainview)、web渲染器(如mttcartoonreaderbasewebview)、网页桥接(例如mttwebviewbridge)和应用渲染器(如mttcartoonreaderqqwebview或mttcartoonreaderkuaikanwebview)。其中,主控制器用于显示网页内容,作为容器交付给native应用集成使用,该对象组合了一个mttcartoonreadermainview的视图对象以及web渲染器的子类对象,以及基础的界面控件,包括操作选择项、设置选择项和分享选择项等,视图对象用于表征视图所用到的参数信息,web渲染器用于显示html文件,为抽象基类,具体实现由不同应用平台决定,网页桥接用于负责应用的主控制器和web网页直接的消息传递和命令传递,例如,mttcartoonreaderqqwebview或mttcartoonreaderkuaikanwebview产生的消息通过该对象传递给主控制器,主控制器的命令通过该类发送给web渲染器的网页。

示例性的,基于图12的架构,简单论述下本发明实施例提供的网页内容的显示方法,以第一应用为漫画类应用为例进行说明,网页内容的显示流程开始,第一应用初始化漫画加载的web容器和webbridge(网页桥接);native容器接受webbridge传递的用户事件;webbridge负责传递native容器和web容器之间的消息;web容器显示漫画(预设网页界面上的网页内容),并接受webbridge传递的command(应用指令),该应用指令用户注册用户事件的回调,比如用户点击漫画左侧,右侧,中间区域做出加载前一页,后一页,显示菜单的操作;其中,漫画的显示内容(网页内容),主要是html内容。

示例性的,native容器初始化web容器和用于通信的webbridge;web容器通过网络加载一个漫画的url,开始显示漫画内容;native容器根据用户观看的历史(上次观看的位置)发送mttinitpage命令,web容器导航到具体页面;用户在native容器的导航栏(应用界面上的选择项)里选择跳转到某页;native容器根据用户选择的页数发送mttnavigatetopage命令,web容器导航到具体页面;web容器里页面接受到用户点击事件,native容器通过webbridge接收到该事件,展示对应的菜单栏(网页界面上的选择项);用户在web容器里页面滑动到最后一页,或者第一页时,web容器通过webbridge发送用户控制操作到native容器,native容器导航到下一章,或者web容器通过webbridge给应用容器对应消息提示(例如,已经到最后一页等不能执行控制操作的提示)。

示例性的,web容器通过webbridge给应用容器对应消息提示的实现为:

进一步地,本发明实施例提供的创建应用容器和网页容器的方法可以作为一个应用插件,将应用插件设置在与任意一个应用的原生视图的底层实现的位置上,就可以在该任意一个应用上实现预设网页界面上的网页内容的显示了,也就是说,该应用插件可以在架构上兼容不同应用平台的网页内容的接入上就可以实现,并且,对于不同的网页内容的来源仅需在预设网页界面的设置的预设网页参数的入口处进行更换即可更换,而网页内容的html页面则不需要进行任何处理。

可以理解的是,本发明实施例实现的应用容器中嵌入网页容器,并且通过应用容器实现web容器上的功能控制的整个实现装置可以单独架构在任意应用上,实现网页内容的显示,这样的插件式的插入到应用中就可以实现相应功能的方法,大大降低了不同应用之间需要重新进行相同功能的开发的效率问题,并且针对不同的终端,不需进行网页内容的html页面的任何处理,使得网页资源在不同终端上使用的兼容性较好。

实施例三

基于实施例二,本发明实施例提供了一种网页内容的显示方法,如图13所示,该方法包括:

s301、在第一应用的原生空白视图中加载预设入口界面。

s302、在预设入口界面接收第三控制操作。

s303、响应第三控制操作,加载预设网页界面并显示。

由于本发明实施例提供的创建应用容器和网页容器的方法可以作为一个应用插件,将应用插件设置在与任意一个应用的原生视图的底层实现的位置上,就可以在该任意一个应用上实现预设网页界面上的网页内容的显示了,也就是说,该应用插件可以在架构上兼容不同应用平台的网页内容的接入上就可以实现,并且,对于不同的网页内容的来源仅需在预设网页界面的设置的预设网页参数的入口处进行更换即可更换,而网页内容的html页面则不需要进行任何处理。因此,终端可以在第一应用的原生空白视图中加载预设入口界面,该预设入口界面为上述应用插件与第一应用的接口界面,这样终端在预设入口界面接收第三控制操作,该第三控制操作用于启动网页内容显示的功能,即初始化的过程,相当于前述的第一应用启动的作用,于是,终端响应第三控制操作,开始加载预设网页界面并显示。

具体的,终端加载预设网页界面并显示的过程与实施例一的s101中的描述过程一致,此处不再赘述。

s304、在预设网页界面的第一显示区域接收第一控制操作。

终端在预设网页界面的第一显示区域接收第一控制操作的过程与实施例一的s102中的描述过程一致,此处不再赘述。

s305、根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型,该操作类型包括:应用操作和网页操作,其中,应用操作为对应用界面上的选择项进行操作,网页操作为对预设显示区域进行操作。

终端根据预设的操作类型与显示区域的对应关系和第一显示区域,确定第一控制操作的操作类型的过程与实施例一的s103中的描述过程一致,此处不再赘述。

s306、当第一控制操作为应用操作时,生成第一应用指令,并根据该第一应用指令控制在预设网页界面上显示网页内容。

当第一控制操作为应用操作时,终端生成第一应用指令,并根据该第一应用指令控制在预设网页界面上显示网页内容的操作类型的过程与实施例一的s104中的描述过程一致,此处不再赘述。

s307、当第一控制操作为网页操作时,在预设网页界面上显示与预设显示区域对应的网页界面上的选择项。

当第一控制操作为网页操作时,终端在预设网页界面上显示与预设显示区域对应的网页界面上的选择项的操作类型的过程与实施例一的s105中的描述过程一致,此处不再赘述。

可以理解的是,由于第一应用启动后,可以通过设置好的预设网页界面上接收到的第一控制操作在第一应用上实现网页界面上显示网页内容,也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率。

实施例四

如图14所示,本发明实施例提供了一种终端1,该终端1可以包括:

加载单元10,用于当第一应用启动时,加载预设网页界面;

显示单元11,用于显示所述预设网页界面;

接收单元12,用于在所述预设网页界面的第一显示区域接收第一控制操作;

确定单元13,用于根据预设的操作类型与显示区域的对应关系和所述第一显示区域,确定所述第一控制操作的操作类型,所述操作类型包括:应用操作和网页操作,其中,所述应用操作为对应用界面上的选择项进行操作,所述网页操作为对预设显示区域进行操作;

生成单元14,用于当所述第一控制操作为所述应用操作时,生成第一应用指令;

所述显示单元11,还用于根据所述第一应用指令控制在所述预设网页界面上显示网页内容;以及,当所述第一控制操作为所述网页操作时,在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项。

可选的,所述接收单元12,还用于所述在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项之后,接收触发所述网页界面上的选择项对应的第二控制操作。

所述生成单元14,还用于响应所述第二控制操作,生成第二应用指令。

所述显示单元11,还用于根据所述第二应用指令控制在所述预设网页界面上显示网页内容。

可选的,基于图14,如图15所示,所述终端1还包括:保存单元15。

所述保存单元15,用于所述根据所述第一应用指令控制在所述预设网页界面上显示网页内容之后,或所述根据所述第二应用指令控制在所述预设网页界面上显示网页内容之后,保存所述预设网页界面上网页内容的显示记录。

可选的,所述加载单元10,具体用于根据所述显示记录,加载所述预设网页界面。

所述显示单元11,具体用于在所述预设网页界面上显示与所述显示记录对应的历史网络内容。

可选的,基于图14,如图16所示,所述终端1还包括:创建单元16。

所述创建单元16,用于所述加载并显示预设网页界面之前,创建应用容器,所述应用容器中设置有所述应用界面上的选择项;以及,在所述应用容器中创建网页容器,及连接所述网页容器和所述应用容器的网页桥接,所述网页容器中设置有所述网页界面上的选择项和所述预设网页界面;其中,所述网页桥接用于实现触发所述应用界面上的选择项对所述预设网页界面的显示内容的显示控制,以及实现触发所述网页界面上的选择项对所述预设网页界面的显示内容的显示控制。

可选的,所述加载单元10,还用于所述加载并显示预设网页界面之前,在所述第一应用的原生空白视图中加载预设入口界面。

所述接收单元12,还用于在所述预设入口界面接收第三控制操作。

可选的,所述加载单元10,具体用于响应第三控制操作,加载所述预设网页界面。

可选的,所述加载单元10,还具体用于根据预设的网页参数,加载所述预设网页界面。

可选的,本发明实施例中的终端可以为安装有第一应用功能的智能电子设备,例如,智能手机、智能电视和平板电脑等,本发明实施例不作限制。

可以理解的是,由于第一应用启动后,可以通过设置好的预设网页界面上接收到的第一控制操作在第一应用上实现网页界面上显示网页内容,也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率。

实施例五

如图17所示,基于实施例四,在实际应用中,上述加载单元10、确定单元13,生成单元14和创建单元16可由位于服务器上的处理器17实现,具体为中央处理器(cpu,centralprocessingunit)、微处理器(mpu,microprocessorunit)、数字信号处理器(dsp,digitalsignalprocessing/processor)或现场可编程门阵列(fpga,fieldprogrammablegatearray)等实现,接收单元12由接收器18实现,显示单元11由显示器19实现,保存单元15由存储介质110实现,,该存储介质110、接收器18和显示器19可以通过系统总线与处理器17连接,其中,存储介质110用于存储可执行程序代码,该程序代码包括计算机操作指令,存储介质110可能包含高速随机存取存储器(ram,randomaccessmemory),也可能还包括非易失性存储器,例如,至少一个磁盘存储器。

具体的,本发明实施例提供了一种终端,该终端可以包括:

所述处理器17,用于当第一应用启动时,加载预设网页界面;

所述显示器19,用于显示所述预设网页界面;

所述接收器18,用于在所述预设网页界面的第一显示区域接收第一控制操作;

所述处理器17,还用于根据预设的操作类型与显示区域的对应关系和所述第一显示区域,确定所述第一控制操作的操作类型,所述操作类型包括:应用操作和网页操作,其中,所述应用操作为对应用界面上的选择项进行操作,所述网页操作为对预设显示区域进行操作;以及,当所述第一控制操作为所述应用操作时,生成第一应用指令;

所述显示器19,还用于根据所述第一应用指令控制在所述预设网页界面上显示网页内容;以及,当所述第一控制操作为所述网页操作时,在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项。

可选的,所述接收器18,还用于所述在所述预设网页界面上显示与所述预设显示区域对应的网页界面上的选择项之后,接收触发所述网页界面上的选择项对应的第二控制操作。

所述处理器17,还用于响应所述第二控制操作,生成第二应用指令。

所述显示器19,还用于根据所述第二应用指令控制在所述预设网页界面上显示网页内容。

可选的,所述存储介质110,用于所述根据所述第一应用指令控制在所述预设网页界面上显示网页内容之后,或所述根据所述第二应用指令控制在所述预设网页界面上显示网页内容之后,保存所述预设网页界面上网页内容的显示记录。

可选的,所述处理器17,具体用于根据所述显示记录,加载所述预设网页界面。

所述显示器19,具体用于在所述预设网页界面上显示与所述显示记录对应的历史网络内容。

可选的,所述处理器17,用于所述加载并显示预设网页界面之前,创建应用容器,所述应用容器中设置有所述应用界面上的选择项;以及,在所述应用容器中创建网页容器,及连接所述网页容器和所述应用容器的网页桥接,所述网页容器中设置有所述网页界面上的选择项和所述预设网页界面;其中,所述网页桥接用于实现触发所述应用界面上的选择项对所述预设网页界面的显示内容的显示控制,以及实现触发所述网页界面上的选择项对所述预设网页界面的显示内容的显示控制。

可选的,所述处理器17,还用于所述加载并显示预设网页界面之前,在所述第一应用的原生空白视图中加载预设入口界面。

所述接收器18,还用于在所述预设入口界面接收第三控制操作。

可选的,所述处理器17,还具体用于响应第三控制操作,加载所述预设网页界面。

可选的,所述处理器17,还具体用于根据预设的网页参数,加载所述预设网页界面。

可选的,本发明实施例中的终端可以为安装有第一应用功能的智能电子设备,例如,智能手机、智能电视和平板电脑等,本发明实施例不作限制。

可以理解的是,由于第一应用启动后,可以通过设置好的预设网页界面上接收到的第一控制操作在第一应用上实现网页界面上显示网页内容,也就是说,终端上的第一应用在实现某一功能时,可以通过预设网页界面显示网页内容,完成第一应用的功能,而网页内容的来源是一致的,不需要进行处理,这样即使在不同的终端上实现第一应用的功能,采用本发明实施例提出的网页内容的显示方法也可以采用相同网页内容来源快速的实现第一应用的相关功能,而不需要对网页资源进行重新获取再实现,从而提高了实现第一应用功能的效率。

本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1