一种页面截图方法、装置、终端设备及介质制造方法及图纸

本申请实施例公开了一种页面截图方法、装置、终端设备及介质，其中方法包括：在混合应用的目标页面中显示包括原生视图的用户视图，并对目标页面进行截图处理，得到并显示用户视图对应的截屏视图，该截屏视图中包含的内容与用户视图中包含的内容存在差异。实施本申请实施例，可以高效地实现对原生视图的动态截图。其中，以混合应用为地图应用为例，目标页面可以为导航页面，原生视图中包含地图区，通过实施本申请实施例，可以高效地实现对导航页面的动态截图。

【技术实现步骤摘要】
一种页面截图方法、装置、终端设备及介质
本申请涉及计算机
，尤其涉及一种页面截图方法、一种页面截图装置、一种终端设备及一种计算机存储介质。
技术介绍
随着移动互联网技术的发展以及智能移动设备的普及，移动互联网在生活中的重要性越来越明显，移动应用程序的开发也越来越重要。目前移动应用的开发模式主要包括：NativeApp(原生应用)开发，WebApp(网页应用)开发，及即HybirdApp(混合应用)。HybirdApp介于NativeApp和WebApp之间，兼具NativeApp的良好用户体验的优势和WebApp跨平台开发的优势，成为近年来各大企业青睐的移动应用开发模式。在移动应用程序的使用过程中，通常涉及到截图场景，截屏可分为物理截图和系统截图。其中，物理截图为通过终端设备自身的物理键进行截图，通常为一种静态截图方式，即截取用户视图所得到截图与用户视图相同。系统截图为通过移动应用程序进行截图，通常为一种动态截图方式，即截取用户视图所得到截图可以与用户视图存在差异。目前，通常利用开源库Html2canvas实现动态截图，但Html2canvas是基于WebViewUI(网页视图)进行转换，对于HybridApp而言，HybridApp可以调用Native端的能力展示NativeUI(原生视图)，Html2canvas无法对NativeUI进行截图。通过上述内容可知，在HybridApp的截图场景下，如何对NativeUI进行截图，成为一个亟待解决的问题。
技术实现思路
>本申请实施例提供了一种页面截图方法、装置、终端设备及介质，可以高效地实现对原生视图的动态截图。一方面，本申请实施例提供了一种页面截图方法，该方法包括：在混合应用的目标页面中显示用户视图，所述用户视图包括原生视图；对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图；显示所述截屏视图，所述截屏视图中包含的内容与所述用户视图中包含的内容存在差异。另一方面，本申请实施例提供了一种页面截图装置，该页面截图装置包括：显示单元，用于在混合应用的目标页面中显示用户视图，所述用户视图包括原生视图；处理单元，用于对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图；所述显示单元，还用于显示所述截屏视图，所述截屏视图中包含的内容与所述用户视图中包含的内容存在差异。相应地，本申请实施例还提供了一种终端设备，该终端设备包括输出设备、处理器和存储装置；存储装置，用于存储程序指令；处理器，用于调用程序指令并执行上述的页面截图方法。相应地，本申请实施例还提供了一种计算机存储介质，该计算机存储介质中存储有程序指令，该程序指令被执行时，用于实现上述的页面截图方法。相应地，根据本申请的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述提供的页面截图方法。本申请实施例终端设备可在混合应用的目标页面中显示包括原生视图的用户视图，并对目标页面进行截图处理，得到并显示用户视图对应的截屏视图，该截屏视图中包含的内容与用户视图中包含的内容存在差异。实施本申请实施例，可以高效地实现对原生视图的动态截图。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请实施例提供的一种页面截图方法的流程示意图；图2a是本申请实施例提供的一种页面截图的场景示意图；图2b是本申请实施例提供的另一种页面截图的场景示意图；图2c是本申请实施例提供的又一种页面截图的场景示意图；图2d是本申请实施例提供的又一种页面截图的场景示意图；图2e是本申请实施例提供的一种显示截屏视图的页面示意图；图3a是本申请实施例提供的又一种页面截图的场景示意图；图3b是本申请实施例提供的又一种页面截图的场景示意图；图4是本申请实施提供的另一种页面截图方法的流程示意图；图5是本申请实施提供的又一种页面截图方法的流程示意图；图6是本申请实施例提供的一种页面截图装置的结构示意图；图7是本申请实施例提供的一种终端设备的结构示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。在针对混合应用的截图场景下，为了高效地实现对原生视图的动态截图，本申请实施例提出了一种页面截图方法，该页面截图方法可由终端设备执行，该终端设备运行有混合应用，该混合应用包括地图应用(例如腾讯地图)、与地图应用关联的应用(例如打车应用)、多媒体应用等等，该多媒体应用包括音乐应用(例如QQ音乐)和视频应用(例如腾讯视频)，此处的终端设备可以为以下任一种：智能手机、平板电脑、膝上计算机等便携式设备，以及台式电脑等等。参见图1，本申请实施例提出了一种页面截图方法，该页面截图方法的处理流程可以包括如下步骤：S10：在混合应用的目标页面中显示用户视图，该用户视图包括原生视图。其中，该目标页面可以为混合应用使用过程中，任何一个存在截图需求的页面。例如，目标应用为地图应用，目标页面可以为导航页面(例如导航结束页面、导航规划页面、导航开始页面等等)，当用户想要分享行程时，可以通过导航页面触发终端设备执行下述步骤S11，此处的导航页面即为一种存在截图需求的页面。又例如，目标应用为视频播放应用，目标页面可以为视频播放页面，当用户想要分享当前正播放的视频时，可以通过视频播放页面触发终端设备执行下述步骤S11，此处的视频播放页面即为一种存在截屏需求的页面。在一个实施例中，假设步骤S10中的混合应用可以为地图应用，上述目标页面可以为导航页面，终端设备可以在导航页面中显示地图应用对应的用户视图，该用户视图包括原生视图，原生视图中包含地图区，该地图区显示有当前次导航的路线信息和地图底图(示例性地，此处的地图区可参见图2a～图2c中显示的地图区)。其中，该导航页面可以包括导航结束页面、导航规划页面、导航开始页面等等。在一个实施例中，假设上述导航页面为导航结束页面，该导航结束页面是在检测到当前次导航结束时触发显示的。具体地，本申请实施例提出的地图应用可以支持多种导航模式，例如：驾车导航、步行导航、骑行导航等等导航模式。以驾车导航模式为例，用户可以通过地图应用输入当前次导航的起点和终点，规本文档来自技高网...

【技术保护点】
1.一种页面截图方法，该方法包括：/n在混合应用的目标页面中显示用户视图，所述用户视图包括原生视图；/n对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图；/n显示所述截屏视图，所述截屏视图中包含的内容与所述用户视图中包含的内容存在差异。/n

【技术特征摘要】
1.一种页面截图方法，该方法包括：
在混合应用的目标页面中显示用户视图，所述用户视图包括原生视图；
对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图；
显示所述截屏视图，所述截屏视图中包含的内容与所述用户视图中包含的内容存在差异。


2.如权利要求1所述的方法，其特征在于，所述截屏视图包括以下任一种或者多种：下载引导图像和引导关注图像，所述下载引导图像用于触发下载所述混合应用；所述引导关注图像用于触发与目标对象建立关联关系。


3.如权利要求2所述的方法，其特征在于，所述混合应用为地图应用，所述目标页面为导航页面，所述在混合应用的目标页面中显示用户视图，包括：
在所述导航页面中显示所述地图应用对应的用户视图，所述用户视图包括原生视图，所述原生视图中包含地图区，所述地图区显示有当前次导航的路线信息和地图底图。


4.如权利要求3所述的方法，其特征在于，所述导航页面为导航结束页面，所述导航结束页面是在检测到当前次导航结束时触发显示的，所述用户视图还包括网页视图，所述网页视图包括以下任一种或者多种：标题栏、码表区和评分区，所述标题栏包括视图分享按钮，所述码表区包括导航记录信息。


5.如权利要求4所述的方法，其特征在于，所述导航记录信息包括以下任一种或者多种：所述当前次导航对应的行驶总里程、行驶总时长、平均行驶速度和最高行驶速度；所述截屏视图包括所述地图区、所述码表区和目标下载引导图像，所述目标下载引导图像用于触发下载所述地图应用。


6.如权利要求3所述的方法，其特征在于，所述导航页面为导航规划页面，所述路线信息包括当前次导航对应导航规划路线的起点和终点，所述对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图包括：
当检测到针对所述导航规划路线的目标端点的分享操作时，对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图，所述截屏视图中包含所述目标端点对应目标对象的引导关注图像，所述目标端点为所述起点或者终点中的任一端点。


7.如权利要求2所述的方法，其特征在于，所述混合应用为多媒体应用，所述目标页面为多媒体播放页面，所述原生视图中包含播放区，所述播放区显示有播放区底图和当前播放的多媒体文件的多媒体信息。


8.如权利要求1所述的方法，其特征在于，所述用户视图中还包括视图分享按钮，所述对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图，包括：
当检测到针对所述视图分享按钮的触发操作时，对所述目标页面进行截图处理，得到所述用户视图对应的截屏视图。


9.如权利要求8所述的方法，其特征在于，显示所述截屏视图的页面中还显示有截图分享操作按钮，所述方法还包括：
通过所述截图分享操作按钮触发选取所述截屏视图的待推送地址；<...

【专利技术属性】
技术研发人员：高岩，郭波，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44