CN117667265A - 服务卡片生成方法及相关装置 - Google Patents

Abstract

本申请提供服务卡片生成方法及相关装置。电子设备可以在接收到基于一个应用页面生成服务卡片的操作后，获取这一个应用页面的页面数据，并根据页面数据生成服务卡片。该服务卡片上可显示有应用页面中的内容。当检测到对该服务卡片的操作，电子设备可以显示该服务卡片对应的应用页面。这样，用户可以利用自己常用的应用页面生成对应的服务卡片，以便通过该服务卡片快速打开应用页面。

Description

服务卡片生成方法及相关装置

技术领域

本申请涉及终端技术领域，尤其涉及服务卡片生成方法及相关装置。

背景技术

随着服务卡片的使用场景越来越广泛，越来越多的应用配置有服务卡片。服务卡片是应用展示页面内容的一种形式，可以将应用的页面内容前置到卡片上。例如，服务卡片上可显示有应用内部需要经过多次用户操作，多次层级跳转的页面内容。电子设备可以在桌面上显示应用的服务卡片。这样，用户可以直接在桌面上通过服务卡片查看应用的页面内容，而无需经过多次操作来触发应用打开相应的页面。服务卡片可以达到服务直达，减少层级跳转的效果，提高用户使用应用的体验。

发明内容

本申请提供服务卡片生成方法及相关装置。该方法可以根据应用页面的页面数据生成应用页面对应的服务卡片。服务卡片可用于打开该服务卡片对应的应用页面。这样，用户可以利用自己常用的应用页面生成对应的服务卡片，以便通过该服务卡片快速打开应用页面。

第一方面，本申请提供一种服务卡片生成方法。其中，第一电子设备接收到针对第一应用页面的第一操作。响应于第一操作，第一电子设备可以显示第一服务卡片，第一服务卡片包含第一应用页面的一项或多项信息。第一电子设备接收到针对第一服务卡片的第二操作。响应于第二操作，第一电子设备可以显示第一应用页面。

由上述方法可以看出，用户可以利用应用页面生成与该应用页面对应的服务卡片，从而通过该服务卡片显示的内容直观地查看应用页面中的内容。并且，用户可以利用该服务卡片实现一步直达该服务卡片对应的应用页面，而无需经过多次操作来触发应用打开相应的页面。

结合第一方面，在一些实施例中，上述第一操作可以是基于第一应用页面生成服务卡片的操作。第一操作可以参考附图中图3C所示对设置控件325的操作以及图3D所示对服务卡片创建控件341的操作。

响应于第一操作，第一电子设备可以获取第一应用页面的页面数据，并根据第一应用页面的页面数据生成上述第一服务卡片。然后，第一电子设备可以在桌面显示第一服务卡片。

第一应用页面的页面数据可以包括以下一项或多项：第一应用页面的名称、第一应用页面上显示的内容信息、用户对第一应用页面进行操作的行为数据(例如，对第一应用页面进行编辑的时间，对第一应用页面进行编辑的次数，浏览第一应用页面的浏览时长，浏览第一应用页面的浏览次数，浏览第一应用页面的浏览进度，等等)。其中，若第一应用页面为浏览器应用页面(即第一应用页面为网页)，第一应用页面的页面数据还可以包括以下一项或多项：网页图标、网页快照、第一应用页面关联的URL。若第一应用页面为非浏览器应用页面，第一应用页面的页面数据还可以包括以下一项或多项：第一应用页面所属应用的名称、第一应用页面所属应用的图标。

其中，第一服务卡片包含第一应用页面的一项或多项信息，具体可以表示，第一服务卡片上显示有第一应用页面的一项或多项页面数据。

由上述实施例可知，用户在浏览应用页面时，可以利用自己需要经常查看的应用页面生成对应的服务卡片。服务卡片上可显示有应用页面的一项或多项页面数据。这样，用户可以直观地通过服务卡片快速了解应用页面的部分信息，并且能够通过服务卡片快速打开对应的应用页面。这可以简化用户打开各个应用页面的操作，提高用户的使用体验。

结合第一方面，在一些实施例中，第一电子设备可以根据接收到的用户输入调整服务卡片的显示内容和显示样式。

具体的，第一电子设备接收到针对第一应用页面的第一操作之后，第一电子设备可以显示第一预览卡片和第一调整控件，第一预览卡片是根据第一应用页面确定的，第一预览卡片可用于预览第一服务卡片，第一调整控件可用于调整第一预览卡片的显示内容和显示样式。第一电子设备可以根据第一预览卡片生成第一服务卡片，第一服务卡片的显示样式和显示内容分别与第一预览卡片的显示样式和显示内容相同。

其中，响应于上述第一操作，第一电子设备可以先根据第一应用页面的页面数据确定上述第一预览卡片。第一预览卡片上可显示有第一应用页面的一项或多项页面数据。第一预览卡片可以方便用户预览根据第一应用页面生成的服务卡片(即第一服务卡片)。用户可以通过第一调整控件调整第一预览卡片的显示内容和显示样式。第一电子设备还可以显示服务卡片生成控件。响应于对服务卡片生成控件的操作，第一电子设备可以按照第一预览卡片的显示内容和显示样式生成上述第一服务卡片。上述第一预览卡片可以参考附图中图3E所示的效果预览图358。上述第一调整控件可以参考附图中图3E所示的网页名称351、网页内容信息352、URL353、服务卡片颜色选择控件354、服务卡片大小选择控件355、服务卡片分组选择控件356。

结合第一方面，在一些实施例中，第一电子设备显示上述第一服务卡片之后，第一电子设备还可以响应于对第一服务卡片的操作，显示用于调整第一服务卡片的显示内容和/或显示样式的控件。

由上述实施例可知，用户可以在生成服务卡片的过程中，或者生成服务卡片之后，对服务卡片的显示样式和显示内容进行调整，使得服务卡片更好地满足用户的需求。

结合第一方面，在一些实施例中，第一应用页面可以是网页，第一应用页面与第一网址对应。响应于上述第二操作，第一电子设备可以调用第一浏览器应用，根据第一网址显示第一应用页面，第一浏览器应用是第一电子设备中的任意一个浏览器应用。

由上述实施例可知，用户可以对浏览器应用中的任意一个网页进行操作，从而触发第一电子设备生成网页对应的服务卡片。这样，用户可以在服务卡片中便捷地查看网页中的内容，并通过服务卡片快速打开该网页。其中，第一电子设备可以使用任意一个浏览器应用打开服务卡片对应的网页。

结合第一方面，在一些实施例中，第一应用页面可以是第一应用的页面，第一应用是非浏览器应用。响应于第二操作，第一电子设备可以调用第一应用，显示第一应用页面。

例如，上述第一应用是视频应用。第一应用页面是视频应用的视频播放页面。再例如，上述第一应用是音乐应用。第一应用页面是音乐应用的音乐播放页面。

由上述实施例可知，用户可以对非浏览器应用中的任意一个应用页面进行操作，从而触发第一电子设备生成非浏览器应用的应用页面对应的服务卡片。用户可以通过该服务卡片触发第一电子设备调用服务卡片对应的应用页面所属的非浏览器应用，从而打开相应的应用页面。

结合第一方面，在一些实施例中，第一服务卡片包含第一应用页面的第一信息。第一电子设备可以监测第一信息是否变化。当监测到第一信息变化，第一电子设备可以更新第一服务卡片上的第一信息。

结合第一方面，在一些实施例中，第一电子设备显示第一服务卡片之前，第一电子设备可以判断第一应用页面的类型是否为第一类型。当判断出第一应用页面的类型为第一类型，第一电子设备可以检测第一应用页面是否包含第一类型对应的第一信息。当检测到第一应用页面包含第一信息，第一电子设备可以在第一服务卡片上显示第一信息

结合第一方面，在一些实施例中，第一类型为视频播放类，第一信息包括以下一项或多项：视频更新数据、视频播放进度。或者，第一类型为文档编辑类，第一信息包括以下一项或多项：文档编辑时间、文档编辑次数。或者，第一类型为书籍阅读类，第一信息包括以下一项或多项：书籍更新数据、书籍阅读进度。或者，第一类型为新闻资讯类，第一信息包括资讯更新数据。或者，第一类型为消息通信类，第一信息包括以下一项或多项：未读消息条数、消息接收的时间。

由上述实施例可知，第一电子设备可以检测第一应用页面中页面数据(如第一信息)的变化，并在第一服务卡片上显示上述页面数据的变化。这样，用户可以通过第一服务卡片快速了解到第一应用页面上相关信息的变化情况。

结合第一方面，在一些实施例中，第一电子设备接收到针对第一服务卡片的第三操作。响应于第三操作，第一电子设备可以将第一服务卡片发送给第二电子设备。第二电子设备可以显示上述来自第一电子设备的第一服务卡片。第二电子设备可以响应对第一服务卡片的操作，显示第一服务卡片对应的第一应用页面。

由上述实施例可知，用户可以将基于应用页面生成的服务卡片发送至其它电子设备。这样，用户可以在多个不同的电子设备上通过服务卡片快速打开相应的应用页面。

结合第一方面，在一些实施例中，第一电子设备接收到针对第一服务卡片的第三操作之后，第一电子设备可以判断第二电子设备是否具有用于显示第一应用页面的应用资源。若判断出第二电子设备没有用于显示第一应用页面的应用资源，第一电子设备可以向第二电子设备发送第一应用资源，第一应用资源用于显示第一应用页面。

结合第一方面，在一些实施例中，第一电子设备上还显示有K个服务卡片，K为正整数。第一电子设备接收到第四操作，第四操作可用于聚合第一服务卡片和K个服务卡片。响应于第四操作，第一电子设备可以取消显示第一服务卡片和K个服务卡片，并显示第一卡片夹，第一卡片夹包含第一服务卡片对应的第一标识，以及K个服务卡片对应的K个标识；第一标识用于打开第一应用页面，K个标识分别用于打开K个服务卡片对应的K个应用页面。

上述第一卡片夹可以参考附图中图9E所示的卡片夹915。

由上述实施例可知，用户可以将多个服务卡片聚合在一个卡片夹中。例如，用户可以根据自己的使用习惯，将多个视频播放页面对应的多个服务卡片聚合在一个卡片夹中，将用于完成一个工作项目的多个文档编辑页面对应的多个服务卡片聚合在一个卡片夹中。这样可以方便用户对服务卡片进行整理，且能够根据卡片夹快速找到需要的服务卡片。

结合第一方面，在一些实施例中，第一电子设备上还显示有M个服务卡片，M为正整数。第一电子设备接收到对第一服务卡片的第五操作；响应于第五操作，第一电子设备确定M个服务卡片中的M1个服务卡片的类型与第一服务卡片的类型相同；M1为小于M的正整数。第一电子设备可以取消显示第一服务卡片和M1个服务卡片，并显示第二卡片夹，第二卡片夹包含第一服务卡片对应的第一标识，以及M1个服务卡片对应的M1个标识；第一标识用于打开第一应用页面，M1个标识分别用于打开M1个服务卡片对应的M1个应用页面。

由上述实施例可知，第一电子设备可以帮助用户快速将多个类型相同的服务卡片聚合至一个卡片夹中。这可以简化用户整理服务卡片的操作，提高用户的使用体验。

第二方面，本申请提供一种电子设备，该电子设备可包括屏幕、存储器、一个或多个处理器，其中，该平面可用于显示服务卡片、服务卡片对应的应用页面，该存储器可用于存储计算机程序，该一个或多个处理器可用于调用该计算机程序，使得该电子设备执行如第一方面中任一可能的实现方法。

第三方面，本申请提供一种计算机可读存储介质，包括指令，当该指令在电子设备上运行，使得该电子设备执行如第一方面中任一可能的实现方法。

第四方面，本申请提供一种计算机程序产品，该计算机程序产品可包含计算机指令，当该计算机指令在电子设备上运行，使得该电子设备执行如第一方面中任一可能的实现方法。

第五方面，本申请提供一种芯片，该芯片应用于电子设备，该芯片包括一个或多个处理器，该处理器用于调用计算机指令以使得该电子设备执行如第一方面中任一可能的实现方法。

可以理解地，上述第二方面提供的电子设备、第三方面提供的计算机可读存储介质、第四方面提供的计算机程序产品、第五方面提供的芯片均用于执行本申请实施例所提供的方法。因此，其所能达到的有益效果可参考对应方法中的有益效果，此处不再赘述。

附图说明

图1是本申请实施例提供的一种电子设备100的结构示意图；

图2是本申请实施例提供的一种电子设备100的软件结构框图；

图3A～图3K是本申请实施例提供的一些服务卡片生成的场景示意图；

图4A～图4F是本申请实施例提供的一些服务卡片生成的场景示意图；

图5A～图5D是本申请实施例提供的一些服务卡片的示意图；

图6是本申请实施例提供的一种更新服务卡片的场景示意图；

图7是本申请实施例提供的一种服务卡片生成的方法流程图；

图8A～图8E是本申请实施例提供的一些电子设备之前分享服务卡片的场景示意图；

图9A～图9F是本申请实施例提供的一些聚合服务卡片的场景示意图；

图10A～图10C是本申请实施例提供的一些聚合服务卡片的场景示意图；

图11A和图11B是本申请实施例提供的一些聚合服务卡片的场景示意图。

具体实施方式

下面结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。其中，在本申请实施例的描述中，以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式，除非其上下文中明确地有相反指示。还应当理解，在本申请以下各实施例中，“至少一个”、“一个或多个”是指一个或两个以上(包含两个)。术语“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系；例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。

在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。术语“连接”包括直接连接和间接连接，除非另外说明。“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。

在本申请实施例中，“示例性地”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性地”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性地”或者“例如”等词旨在以具体方式呈现相关概念。

本申请以下实施例中的术语“用户界面(user interface，UI)”，是应用程序(application，APP)或操作系统(operating system，OS)与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面是通过java、可扩展标记语言(extensible markup language，XML)等特定计算机语言编写的源代码，界面源代码在电子设备上经过解析，渲染，最终呈现为用户可以识别的内容。用户界面常用的表现形式是图形用户界面(graphic user interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的文本、图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。

本申请提供一种服务卡片生成方法。其中，电子设备可以在接收到基于一个应用页面生成服务卡片的操作后，获取这一个应用页面的页面数据，并根据页面数据生成服务卡片。该服务卡片上可显示有应用页面中的内容。当检测到对该服务卡片的操作，例如点击操作，电子设备可以显示该服务卡片对应的应用页面。

可以看出，在上述方法中，用户可以利用应用页面生成与该应用页面对应的服务卡片，从而通过该服务卡片显示的内容直观地查看应用页面中的内容。并且，用户可以利用该服务卡片实现一步直达该服务卡片对应的应用页面，而无需经过多次操作来触发应用打开相应的页面。

本申请实施例对上述应用页面对应的应用不作限定。上述应用可以包括但不限于：原生应用、网页应用、快应用、小程序、分布式应用。上述原生应用可以指利用 等平台官方的开发语言、开发类库、工具进行开发的应用。

应用的用户界面可以称为应用页面。特别的，浏览器应用的用户界面还可以称为网页、标签页等名称。浏览器应用的用户界面可以是和统一资源定位符(uniform resourcelocator，URL)关联的页面。一个有效的URL可以指向一个唯一的页面。浏览器应用可以根据URL查找到与该URL关联的页面。并且，在URL确定的情况下，任意一个浏览器应用均可以显示该URL关联的页面。也即是说，浏览器应用的用户界面不与具体的浏览器应用具有隶属关系，不限于在特定的浏览器应用上显示。

而浏览器应用以外的其它应用的用户界面通常与具体的应用具有隶属关系，需要依赖用户界面所属的应用的相关资源进行显示。例如，视频应用中的视频播放界面需要依赖该视频应用进行显示。信息应用、音乐应用等非视频应用则无法显示上述视频播放界面。

示例性地，当检测到基于浏览器应用1中的网页1生成服务卡片的操作，电子设备可以获取网页1的页面数据，生成网页1对应的服务卡片。响应于对网页1对应的服务卡片的操作，电子设备可以使用上述浏览器应用1显示上述网页1，或者，电子设备还可以使用其它浏览器应用显示上述网页1。其中，在电子设备卸载上述浏览器应用1的情况下，电子设备仍可保留上述网页1对应的服务卡片。

当检测到基于视频应用的视频播放界面生成服务卡片的操作，电子设备可以获取该视频播放界面的页面数据，生成该视频播放界面对应的服务卡片。响应于对该视频播放界面对应的服务卡片的操作，电子设备可以运行上述视频应用并显示该视频播放界面。其中，在电子设备卸载上述视频应用的情况下，电子设备可以将上述视频播放界面对应的服务卡片移除。

在本申请中，应用页面的页面数据可以包括以下一项或多项：应用页面的名称、应用页面上显示的内容信息、用户对应用页面进行操作的行为数据(例如，对应用页面进行编辑的时间，对应用页面进行编辑的次数，浏览应用页面的浏览时长，浏览应用页面的浏览次数，浏览应用页面的浏览进度，等等)。其中，若应用页面为浏览器应用页面，应用页面的页面数据还可以包括以下一项或多项：网页图标、网页快照、应用页面关联的URL。若应用页面为非浏览器应用页面，应用页面的页面数据还可以包括以下一项或多项：应用页面所属应用的名称、应用页面所属应用的图标。本申请实施例对页面数据的具体内容不作限定。

下面对本申请涉及的电子设备100的结构进行介绍。

图1示例性示出了本申请实施例提供的电子设备100的结构示意图。

如图1所示，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。

可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些示例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。

USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。

电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。

电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。

无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。

显示屏194用于显示图像，视频等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。

电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。

ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。

摄像头193用于捕获静态图像或视频。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。

NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些示例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。耳机接口170D用于连接有线耳机。

传感器模块180可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器，骨传导传感器等。

按键190包括开机键，音量键等。马达191可以产生振动提示。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。

SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些示例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。

电子设备100可以是搭载鸿蒙系统(/>OS)或者其它操作系统的电子设备，例如，手机、平板电脑、笔记本电脑、智能手表、智能手环等等。本申请实施例对电子设备100的具体类型不作限定。

电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的系统为例，示例性说明电子设备100的软件结构。

图2是本申请实施例的电子设备100的软件结构框图。

分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。

应用程序层可以包括一系列应用程序包。

如图2所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，短信息等应用程序。

应用程序框架层为应用程序层的应用程序提供API和编程框架。应用程序框架层包括一些预先定义的函数。

如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器，活动管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏(如下拉通知栏)中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

活动管理器用于负责管理活动(activity)，负责系统中各组件的启动、切换、调度以及应用程序的管理和调度等工作。活动管理器可供上层应用调用以打开对应的activity。

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。

核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。

应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。

2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。

下面以浏览器应用为例介绍本申请提供的一种服务卡片生成的场景。

图3A～图3K示例性示出了本申请实施例提供的服务卡片生成的场景示意图。

如图3A所示，电子设备100可以显示用户界面310。用户界面310可以是电子设备100的桌面。用户界面310上可显示有应用图标。例如，浏览器应用图标311、图库应用图标、阅读应用图标、笔记应用图标、音乐应用图标等等。上述应用图标可用于开启应用图标对应的应用。响应于对浏览器应用图标311的操作，电子设备100可以开启浏览器应用。上述对浏览器应用图标311的操作可以例如是作用在浏览器应用图标311上的点击操作，或者是在鼠标光标移动至浏览器应用图标311所在的位置时单击鼠标左键的操作。本申请实施例对上述操作的具体方式不作限定。

如图3B所示，当开启浏览器应用，电子设备100可以显示用户界面320。用户界面320是浏览器应用的用户界面(即浏览器应用页面)。用户界面320可包括上一级控件321、下一级控件322、网址输入框323、标签页创建控件324、设置控件325、搜索框326。其中：

上一级控件321可用于触发电子设备100将浏览器应用中显示的用户界面跳转至当前用户界面的上一级界面。

下一级控件322可用于触发电子设备100将浏览器应用中显示的用户界面跳转至当前用户界面的下一级界面。

网址输入框323可用于输入URL。

标签页创建控件324可用于创建一个空白的标签页。

设置控件325可用于调出对浏览器应用进行设置的相关控件。

搜索框326可用于输出需要搜索的文本、URL等内容。

如图3C所示，用户可以在浏览器应用中查看显示有用户搜索内容的标签页。电子设备100可以显示用户界面330。用户界面330可包含标签页选项控件332和标签页选项控件333。标签页选项控件332和标签页选项控件333可分别对应不同的标签页。例如，标签页选项控件332可对应网址A(https://aaaaaa)关联的标签页。标签页选项控件333可对应网址B关联的标签页。一个标签页选项控件可用于触发电子设备100在浏览器应用的用户界面上显示这一个标签页选项控件对应的标签页。

如图3C所示，当标签页选项控件332处于选中状态，电子设备100可以在网址输入框323中显示标签页选项控件332对应的标签页关联的URL。例如，该URL为https://aaaaaa，即网址A。电子设备100还可以在浏览器应用的用户界面上显示标签页选项控件332对应的标签页中的内容。其中，标签页选项控件332对应的标签页中的内容可以显示在标签页显示区域334。标签页显示区域334可包含网页图标334A、网页快照334B、网页名称334C、网页内容信息334D、播放控件334E。上述标签页显示区域334中显示的内容仅为本申请的示例性说明，不应对本申请构成限定。

可以看出，网址A关联的标签页是一个视频播放网站(如AA视频的网站)的视频播放页面。

如图3C所示，响应于对设置控件325的操作，例如点击操作，电子设备100可以显示图3D所示的设置选项框340。设置选项框340可包含用于对浏览器应用进行设置的相关控件。例如，服务卡片创建控件341、页内查找控件、翻译控件、分享控件等等。其中，服务卡片创建控件341可用于触发电子设备100基于浏览器应用当前显示的标签页生成与该标签页对应的服务卡片。

如图3D所示，响应于对服务卡片创建控件341的操作，例如点击操作，电子设备100可以获取浏览器应用当前显示的标签页中的页面数据，并根据该页面数据生成服务卡片。

具体的，在电子设备100检测到作用在服务卡片创建控件341的操作时，浏览器应用当前显示的标签页为图3D所示网址A关联的标签页。电子设备100可以获取网址A关联的标签页中的页面数据(即图3D所示标签页显示区域334中的内容)。当得到页面数据，电子设备100可以显示图3E所示的服务卡片确认框350，以便于用户对服务卡片的相关信息进行确认和调整。

如图3E所示，服务卡片确认框350可包含网页名称351、网页内容信息352、URL353、服务卡片颜色选择控件354、服务卡片大小选择控件355、服务卡片分组选择控件356、恢复默认设置控件357、效果预览图358和卡片生成控件359。其中：

网页名称351可用于指示用于生成服务卡片的页面的名称。例如，用于生成服务卡片的页面为上述网址A关联的标签页。网址A关联的标签页的名称可以为“《白雪公主》”。

网页内容信息352可用于指示用于生成服务卡片的页面中的内容信息。例如，用于生成服务卡片的页面为上述网址A关联的标签页。网址A关联的标签页的中的内容信息包括“美丽的白雪公主受继母的嫉妒…”。

URL353可用于指示用于生成服务卡片的页面关联的URL。例如，用于生成服务卡片的页面为上述网址A关联的标签页。该网址A(https://aaaaaa)即为页面关联的URL。由前述实施例可知，标签页可以是由URL确定的页面，与浏览器应用不具有隶属关系。在基于网址A关联的标签页生成服务卡片的情况下，电子设备100可以存储用于生成服务卡片的标签页与URL之间的关联关系。这可以便于后续在检测到针对该服务卡片的操作时，电子设备100可以调用任意一个浏览器应用来访问相应的URL，从而打开生成该服务卡片的标签页。

服务卡片颜色选择控件354可用于对服务卡片的颜色进行设置。

服务卡片大小选择控件355可用于对服务卡片的大小进行设置。

服务卡片分组选择控件356可用于对服务卡片的分组进行设置。服务卡片的分组可以包括多个不同的组。例如，视频组、新闻资讯组、工作组、游戏组等等。对服务卡片进行分组可以方便用户对服务卡片进行分类，并依据分组快速找到服务卡片。本申请实施例对服务卡片分组的具体类别不作限定。

恢复默认设置控件357可用于将服务卡片的显示样式、显示内容以及分组等信息恢复至检测到调整服务卡片的操作之前的状态。也即是说，响应于对恢复默认设置控件357的操作，电子设备100可以仅根据从页面上获取到的页面数据来确定服务卡片的显示样式、显示内容以及分组等信息。

效果预览图358可用于呈现服务卡片的预览图，以便于用户能在生成服务卡片之前提前查看服务卡片。

卡片生成控件359可用于触发电子设备生成效果预览图358所示的服务卡片。

由上述服务卡片确认框350可知，电子设备100可以根据网址A关联的标签页的页面数据，生成与网址A关联的标签页对应的服务卡片。其中，用户还可以对服务卡片的显示样式(如颜色、大小)、显示内容以及分组等信息进行调整。即电子设备100还可以根据用户调整服务卡片的操作，确定针对服务卡片的自定义数据。电子设备100可以结合上述页面数据以及自定义数据确定服务卡片的显示样式、显示内容以及分组等信息。

如图3E所示，响应于对服务卡片颜色选择控件354的操作，例如点击操作，电子设备100可以显示图3F所示的颜色选项框360。颜色选项框360中可包含多个颜色选项。例如灰色选项361。

如图3F所示，响应于对灰色选项361的操作，电子设备100可以将服务卡片的颜色调整为灰色。其中，电子设备100可以将服务卡片的效果预览图由图3E所示的效果预览图358调整为图3F所示的效果预览图362。可以看出，效果预览图362呈现的服务卡片的颜色为灰色。

如图3G所示，响应于对服务卡片大小选择控件355的操作，例如点击操作，电子设备100可以显示图3H所示的尺寸选项框370。尺寸选项框370中可包含多个尺寸选项。例如大尺寸选项371。

如图3H所示，响应于对大尺寸选项371的操作，电子设备100可以将服务卡片的尺寸从小尺寸调整为大尺寸，并调整服务卡片中显示的内容，使得服务卡片中显示的内容与服务卡片的尺寸适配。其中，电子设备100可以将服务卡片的效果预览图由图3F所示的效果预览图362调整为图3H所示的效果预览图372。可以看出，效果预览图362呈现的服务卡片的尺寸大于效果预览图362呈现的服务卡片的尺寸。

在一些实施例中，图3E所示的网页名称351、网页内容信息352均是可以由用户编辑的。响应于对网页名称351、网页内容信息352进行编辑的操作，电子设备100可以将服务卡片中显示的网页名称、网页内容信息相应地调整为经过编辑操作后的内容。

可以理解的，上述图3E～图3H所示的用户界面，以及对基于页面数据生成的服务卡片进行调整的操作仅为示例性说明，不应对本申请构成限定。不限于上述显示样式、显示内容以及分组，服务卡片还可以具有更多可由用户调整的信息。

如图3I所示，响应于对恢复默认设置控件357的操作，电子设备100可以将服务卡片调整为仅根据页面数据确定的服务卡片。其中，电子设备100可以将服务卡片的效果预览图由图3I所示的效果预览图372调整为图3J所示的效果预览图358。

如图3J所示，响应于对卡片生成控件359的操作，例如点击操作，电子设备100可以生成效果预览图358所示的服务卡片。

如图3K所示，电子设备100可以在用户界面310显示服务卡片380。该服务卡片380即为基于上述网址A关联的标签页生成的服务卡片。本申请实施例对电子设备100显示上述基于应用页面生成的服务卡片的显示位置不作限定。

可以看出，服务卡片380中可显示有网址A关联的标签页中的内容。用户可以通过在服务卡片380便捷地查看到网址A关联的标签页中的内容。并且，响应于对服务卡片380的操作，例如点击操作，电子设备100可以获取服务卡片380对应的网址A，并调用浏览器应用显示网址A关联的标签页(参见前述图3C所示标签页显示区域334显示的内容)。也即是说，用户可以通过对服务卡片380进行操作直接触发浏览器应用显示网址A对应的标签页，而无需通过在浏览器应用中输入网址A的操作来查看网址A对应的标签页。上述方法可以简化用户查看标签页的操作，提高用户的使用体验。

下面以非浏览器应用为例介绍本申请提供的一种服务卡片生成的场景。

图4A～图4F示例性示出了本申请实施例提供的服务卡片生成的场景示意图。

如图4A所示，电子设备100可以显示用户界面310。用户界面310上可显示有应用图标、服务卡片等。例如，用户界面310上显示有浏览器应用图标311、笔记应用图标312等等。用户界面310上还可以显示有服务卡片380。服务卡片380可以是前述图3C所示网址A关联的标签页对应的服务卡片。

响应于图4A所示对笔记应用图标312的操作，电子设备100可以开启笔记应用。

如图4B所示，当开启笔记应用，电子设备100可以显示用户界面410。用户界面410可以是笔记应用的主界面(即笔记应用页面)。用户界面410可包含文档选项。一个文档选项可用于打开这一个文档选项对应的文档。例如，用户界面410可包含年终总结报告选项411、周报选项、会议记录选项、读书笔记选项等。年终总结报告选项411可用于打开名称为“年终总结报告”的文档。用户界面410还可以包含其它的控件，例如搜索控件等等。本申请实施例对用户界面410包含的内容不作限定。

响应于对年终总结报告选项411的操作，电子设备100可以打开名称为“年终总结报告”的文档，显示图4C所示的用户界面420。

如图4C所示，用户界面420可以是名称为“年终总结报告”的文档的编辑页面。用户界面420可包含页面名称421、设置控件422、文档内容显示区域423。其中：

页面名称421可用于指示用户界面420对应的文档的名称，例如“年终总结报告”。其中，电子设备100可以响应于用户修改页面名称421的操作，修改用户界面420对应的文档的名称。

文档内容显示区域423可用于显示用户界面420对应的文档的具体内容。本申请实施例对文档内容显示区域423显示的内容不作限定。

设置控件422可用于调出对用户界面420对应的文档进行设置的相关控件。

响应于对设置控件422的操作，电子设备100可以显示图4D所示的设置选项框430。设置选项框430可包含用于对用户界面420对应的文档进行设置的相关控件。例如，服务卡片创建控件431、共享控件、导出控件等等。其中，服务卡片创建控件431可用于触发电子设备100基于用户界面420生成与用户界面420对应的服务卡片。

如图4D所示，响应于对服务卡片创建控件431的操作，电子设备100可以获取用户界面420中的页面数据，并根据该页面数据生成服务卡片。

具体的，当得到用户界面420的页面数据，电子设备100可以显示图4E所示的服务卡片确认框440，以便于用户对服务卡片的相关信息进行确认和调整。

如图4E所示，服务卡片确认框440可包含页面名称441、页面内容442、页面所属应用443、服务卡片颜色选择控件444、服务卡片大小选择控件445、服务卡片分组选择控件446、恢复默认设置控件447、效果预览图448和卡片生成控件449。

其中，页面名称441可用于指示用于生成服务卡片的页面的名称。例如，用于生成服务卡片的页面为上述文档“年终总结报告”的编辑页面。该页面的名称可以为“年终总结报告”。在一些实施例中，页面名称441可以由用户进行编辑和修改。

页面内容442可用于指示用于生成服务卡片的页面中的内容信息。例如，页面内容442可以包括名称为“年终总结报告”的文档的具体内容。在一些实施例中，页面内容442可以由用户进行编辑和修改。

页面所属应用443可用于指示用于生成服务卡片的页面所属的应用。由前述实施例可知，非浏览器应用的用户界面与该非浏览器应用可具有隶属关系。笔记应用为非浏览器应用。在基于笔记应用页面生成服务卡片的情况下，电子设备100可以存储用于生成服务卡片的应用页面与应用之间的隶属关系。这可以便于后续在检测到针对该服务卡片的操作时，电子设备100可以调用相应的应用来打开用于生成该服务卡片的应用页面。

服务卡片颜色选择控件444、服务卡片大小选择控件445、服务卡片分组选择控件446、恢复默认设置控件447、效果预览图448和卡片生成控件449可以参考前述对图3E所示服务卡片确认框350的介绍，这里不再赘述。

响应于图4E所示对卡片生成控件449的操作，电子设备100可以生成效果预览图448所示的服务卡片。

如图4F所示，电子设备100可以在用户界面310显示服务卡片381。该服务卡片381即为基于上述笔记应用中文档“年终报告总结”的编辑页面生成的服务卡片。

可以看出，服务卡片381中可显示有文档“年终报告总结”的编辑页面中的内容。用户可以通过服务卡片381便捷地查看到文档“年终报告总结”的编辑页面中的内容。并且，响应于对服务卡片381的操作，例如点击操作，电子设备100可以调用笔记应用显示文档“年终报告总结”的编辑页面(参见前述图4C所示的用户界面420)。这样，用户可以通过对服务卡片381进行操作快速打开文档“年终报告总结”的编辑页面，而无需进行多次层级跳转来打开该页面(例如，先通过笔记应用图标312打开笔记应用，再通过年终总结报告选项411打开文档“年终报告总结”的编辑页面)。上述方法可以简化用户打开应用页面的操作，提高用户的效率。

在一些实施例中，电子设备100还可以基于笔记应用中的其它用户界面生成服务卡片。例如，笔记应用的主界面(参考前述图4B所示的用户界面410)、图4B所示名称为“周报”的文档的编辑界面等等。

由上述图3A～图3K以及图4A～图4F所示生成服务卡片的场景可知，用户可以根据自己的需要利用一个或多个应用页面来生成对应的服务卡片。上述生成服务卡片的方法可以无需各个应用的开发者开发服务卡片，设计服务卡片的显示样式以及显示内容。电子设备100可以获取应用页面的页面数据，并根据页面数据生成服务卡片。并且，电子设备100还可以结合用户输入的自定义数据来调整服务卡片的显示样式、显示内容等信息。用户可以通过上述服务卡片快速查看服务卡片对应的应用页面中的部分内容，并且能够一步直达该服务卡片对应的应用页面。

需要进行说明的是，除了上述图3D和图4D所示生成服务卡片的操作，用户还可以通过其它的方式触发电子设备100利用应用页面生成服务卡片。例如，响应于对应用页面的长按操作，电子设备100可以显示服务卡片创建控件。进一步的，当检测到对服务卡片创建控件的操作，电子设备100可以基于上述长按操作作用的应用页面生成服务卡片。再例如，电子设备100还可以在检测到对电子设备100上指定的物理按键的按压操作后，利用电子设备100当前显示的应用页面生成对应的服务卡片。本申请实施例对上述用于生成服务卡片的操作不作限定。

在一些实施例中，电子设备100可以记录用户浏览应用页面的浏览行为数据。根据上述浏览行为数据，电子设备100可以利用用户经常浏览的应用页面生成对应的服务卡片，或者询问用户是否利用一个或多个应用页面生成服务卡片。其中，上述浏览行为数据可以包括浏览频率，即电子设备100在一段时间内打开应用页面的次数。应用页面的浏览频率高于预设频率可以表示用户经常浏览该应用页面。

在上述实施例中，电子设备100可以主动利用用户经常浏览的应用页面生成对应的服务卡片。或者，电子设备100可以提示用户将经常浏览的应用页面生成服务卡片。这样，用户可以利用服务卡片实现一步直达自己常用的应用页面，简化了用户打开应用页面的操作。

下面对本申请中获取应用页面的页面数据的方法进行介绍。

在一种可能的实现方式中，当用于生成服务卡片的应用页面为标签页时，电子设备100可以获取用于显示该标签页的网页源代码。可以理解的，标签页的网页源代码通常是由一种或多种标准标记语言创建的。上述标准标记语言可以包括但不限于超文本标记语言(hypertext markup language，HTML)、Java脚本语言(JavaScript，JS)、超级文本预处理语言(hypertext preprocessor，PHP)。浏览器应用可以解析用于创建标签页的标准标记语言，从而显示标签页。

上述标准标记语言包含标签。标签可用于声明标签页中的显示内容，以及显示内容的显示位置、显示样式等。例如，标签可包括url、name、content、shortcut_icon等等。上述标签url可用于声明标签页关联的URL。上述标签name可用于声明标签页的网页名称。上述标签content可用于声明标签页的网页内容信息。上述标签shortcut_icon可用于声明标签页的网页快照。本申请实施例对上述标签不作限定。

当获取到标签页的网页源代码，电子设备100可以在网页源代码这种检索一个或多个标签，从而得到标签页的页面数据。例如，标签页的网页名称、网页快照、网页内容信息、标签页关联的URL等等。

在另一种可能的实现方式中，当用于生成服务卡片的应用页面为非浏览器应用的用户界面，电子设备100可以向应用页面所属的应用获取页面数据。可以理解的，在非浏览器应用中，应用页面是由应用页面所属应用的开发者提前设计的。当接收到打开应用页面的操作，该应用页面所属的应用可以获取用于显示该应用页面的资源，从而利用上述资源显示该应用页面。

当检测到利用应用页面生成服务卡片的操作，电子设备100中用于生成服务卡片的模块可以向该应用页面所属的应用获取页面数据。上述页面数据可包括以下一项或多项：页面名称、页面内容信息、页面所属应用的图标和名称。本申请实施例对上述页面数据的具体内容不作限定。进一步的，上述用于生成服务卡片的模块可以根据获取到的页面数据，生成该应用页面对应的服务卡片。

在一些实施例中，当应用接收到上述用于生成服务卡片的模块获取页面数据的请求，该应用可以显示授权提示。该授权提示可用于询问用户是否授权用于生成服务卡片的模块获取页面数据的权限。当检测到同意授权的操作，应用可以将页面数据提供给上述用于生成服务卡片的模块。否则，应用可以拒绝将页面数据提供给上述用于生成服务卡片的模块。本申请实施例对应用将页面数据提供给用于生成服务卡片的模块的实现方式不作限定。

以上获取应用页面的页面数据的方法仅为示例性说明，本申请实施例对电子设备100获取页面数据的方法不作限定。

在本申请提供的服务卡片生成方法中，服务卡片可以是根据应用页面的页面数据生成的。其中，电子设备100可以根据在应用页面获取到的页面数据丰富度的不同，而生成显示样式、显示内容不同的服务卡片。并且，电子设备100还可以根据用户调整服务卡片的操作，调整服务卡片的显示样式、显示内容等信息。

这里仍以浏览器应用为例进行说明。

电子设备100从浏览器应用的标签页中获取的页面数据可以包括以下一项或多项：网页名称、网页内容信息、网页图标、网页快照、URL。

如图5A所示，在一些实施例中，电子设备100从上述网址A关联的标签页获取到的页面数据包括：网页名称、网页内容信息、网页图标、网页快照、URL。电子设备100可以生成图5A所示的服务卡片510。服务卡片510上可显示有网址A关联的标签页的网页名称、网页内容信息、网页图标、网页快照以及服务卡片510的生成时间。其中，服务卡片510上的内容可以分层显示。例如，服务卡片510可包含顶层显示区域和底层显示区域。上述底层显示区域可显示有网址A关联的标签页的网页快照。上述顶层显示区域覆盖上述底层显示区域，且具有预设比例的透明度，以便用户能看到上述底层显示区域显示的内容。上述顶层显示区域可显示有网址A关联的标签页的网页名称、网页内容信息、网页图标以及服务卡片510的生成时间。

如图5B所示，在一些实施例中，电子设备100从上述网址A关联的标签页获取到的页面数据包括网页名称、网页内容信息、网页图标、网页快照、URL。电子设备100还接收到用户调整服务卡片颜色的操作，例如，将服务卡片的颜色调整为白色。电子设备100可以生成图5B所示的服务卡片520。服务卡片520上可显示有网址A关联的标签页的网页名称、网页内容信息、网页图标以及服务卡片520的生成时间。并且，服务卡片520的颜色可以为根据用户操作而确定的颜色。其中，服务卡片520上的内容可以分层显示。例如，服务卡片530可包含顶层显示区域和底层显示区域。上述底层显示区域可以由用户选择的颜色进行填充。即上述底层显示区域可以显示为自定义卡片颜色。上述自定义卡片颜色可以是由用户调整服务卡片颜色的操作而确定的。上述顶层显示区域覆盖上述底层显示区域，且具有预设比例的透明度，以便用户能看到上述底层显示区域显示的内容。上述顶层显示区域可显示有网址A关联的标签页的网页名称、网页内容信息、网页图标以及服务卡片520的生成时间。

如图5C所示，在一些实施例中，电子设备100从上述网址A关联的标签页获取到的页面数据包括网页名称、网页图标、网页快照、URL。电子设备100还接收到用户调整服务卡片颜色的操作，例如，将服务卡片的颜色调整为白色。电子设备100可以生成图5C所示的服务卡片530。服务卡片530上可显示有网址A关联的标签页的网页名称、网页图标、网页快照以及服务卡片530的生成时间。其中，服务卡片530上的内容可以分层显示。例如，服务卡片530可包含顶层显示区域和底层显示区域。上述底层显示区域可以显示为自定义卡片颜色。上述顶层显示区域覆盖上述底层显示区域，且具有预设比例的透明度，以便用户能看到上述底层显示区域显示的内容。上述顶层显示区域可显示有网址A关联的标签页的网页快照、网页名称、网页图标以及服务卡片530的生成时间。

如图5D所示，在一些实施例中，电子设备100从上述网址A关联的标签页获取到的页面数据包括网页名称、网页图标、URL。电子设备100还接收到用户调整服务卡片颜色的操作，例如，将服务卡片的颜色调整为白色。电子设备100可以生成图5D所示的服务卡片540。服务卡片540上可显示有网址A关联的标签页的网页名称、网页图标以及服务卡片540的生成时间。其中，服务卡片540上的内容可以分层显示。例如，服务卡片540可包含顶层显示区域和底层显示区域。上述底层显示区域可以显示为自定义卡片颜色。上述顶层显示区域覆盖上述底层显示区域，且具有预设比例的透明度，以便用户能看到上述底层显示区域显示的内容。上述顶层显示区域可显示有网址A关联的标签页的网页名称、网页图标以及服务卡片540的生成时间。

由上述图5A～图5D所示的服务卡片可知，电子设备100从应用页面获取的页面数据越丰富，电子设备100在服务卡片上呈现的内容可以越丰富。可以理解的，上述服务卡片510～服务卡片540仅为本申请的示例性说明，不应对本申请构成限定。

在一些实施例中，电子设备100还可以对服务卡片对应的应用页面中一项或多项页面数据进行监测。当检测到应用这一项或多项页面数据变化，电子设备100可以更新服务卡片上显示的内容，从而呈现上述页面数据的变化。

下面介绍本申请实施例提供的一种更新服务卡片的场景示意图。

如图6所示，电子设备100可以在用户界面310上显示服务卡片380、服务卡片381、服务卡片382、服务卡片383。上述服务卡片380可以是前述实施例中基于网址A关联的标签页生成的。服务卡片380的生成过程可以参考前述图3A～图3K所示的实施例。上述服务卡片381可以是前述实施例中基于笔记应用页面(如文档“年终报告总结”的编辑页面)生成的。服务卡片381的生成过程可以参考前述图4A～图4F所示的实施例。服务卡片382可以是基于阅读应用页面(如书籍“《ZZ小说》”的显示页面)生成的。服务卡片383可以是基于浏览器应用中的标签页(如网站“汽修专业论坛”的页面)生成的。服务卡片382和服务卡片383的生成过程可以参考前述实施例的介绍，这里不再赘述。

在一些实施例中，服务卡片381上可显示有编辑时间381A。编辑时间381A可用于指示服务卡片381对应的应用页面最近一次被编辑的时间。可以看出，服务卡片381对应的应用页面为笔记应用中文档“年终报告总结”的编辑页面。用户可以对文档“年终报告总结”的编辑页面中显示的内容进行编辑。电子设备100可以监测文档“年终报告总结”的编辑页面被编辑的时间。当监测到文档“年终报告总结”的编辑页面最近一次编辑的时间更新，电子设备100可以更新服务卡片381中的编辑时间381A。

在一些实施例中，服务卡片382上可显示有书籍更新提示382A。书籍更新提示382A可用于指示服务卡片382对应的应用页面显示内容的更新情况。可以看出，服务卡片382对应的应用页面为阅读应用中书籍“《ZZ小说》”的显示页面。书籍“《ZZ小说》”可以例如是一本还在更新中，尚未完结的书籍。电子设备100可以监测书籍“《ZZ小说》”是否更新。当监测到书籍“《ZZ小说》”更新，电子设备100可以更新书籍更新提示382A中的内容。例如，当监测到书籍“《ZZ小说》”更新至第100章，电子设备100可以显示书籍更新提示382A：您阅读的《ZZ小说》更新至第100章。

在一些实施例中，服务卡片383上可显示有消息提示383A。消息提示383A可用于指示服务卡片383对应的应用页面中未读消息条数。可以看出，服务卡片383对应的应用页面为浏览器应用中网站“汽修专业论坛”的页面。电子设备100可以监测网站“汽修专业论坛”上是否存在未读消息。当监测到新增未读消息，电子设备100可以更新消息提示383A中的内容。例如，当监测到新增3条未读消息，电子设备100可以显示消息提示383A：有3条与你相关的消息。

可以理解的，上述图6所示的服务卡片以及在服务卡片上更新的数据的类型仅为本申请的示例性说明，不应对本申请构成限定。

在一种可能的实现方式中，电子设备100可以监测以下一项或多项页面数据：用户对应用页面进行操作的行为数据、应用页面的内容信息。其中，上述行为数据可以包括但不限于：对应用页面进行编辑的时间、对应用页面进行编辑的次数、浏览应用页面的浏览时长、浏览应用页面的浏览次数、浏览应用页面的浏览进度。上述应用页面的内容信息可以包括应用页面中显示的内容(如文字、图片、视频、音频等等)。

例如，图6所示的服务卡片380对应的应用页面为视频播放网站“AA视频”中电影《白雪公主》的播放页面。可以理解的，电影《白雪公主》处于完结状态，没有更新的内容。即电子设备100在服务卡片380对应的应用页面获取不到该应用页面中视频的更新信息。电子设备100可以在服务卡片380对应的应用页面获取到用户最近一次观看该应用页面中视频的进度，并在服务卡片380上显示视频播放进度信息。当监测到用户观看视频的进度变化，电子设备100可以更新服务卡片380上显示的视频播放进度信息。这可以方便用户快速了解自己观看电影《白雪公主》的进度。

再例如，在图6所示的服务卡片381中，除了上述编辑时间381A，电子设备100还可以监测用户对服务卡片381对应的应用页面的编辑次数(即编辑上述文档“年终报告总结”的次数)。然后，电子设备100可以在服务卡片381上显示上述编辑次数。当监测到编辑次数变化，电子设备100可以更新服务卡片381上显示的编辑次数。这可以方便用户快速了解自己对服务卡片381对应的应用页面编辑的次数。

再例如，在图6所示的服务卡片382中，除了上述书籍更新提示382A，电子设备100还可以监测用户浏览服务卡片382对应的应用页面的浏览进度(即阅读书籍“《ZZ小说》”的进度)。然后，电子设备100可以在服务卡片382上显示上述浏览进度。当检测到浏览进度变化，电子设备100可以更新服务卡片382上显示的浏览进度。这可以方便用户快速了解自己阅读书籍“《ZZ小说》”的进度。

由上述图6所示的场景可知，电子设备100除了能够利用应用页面生成对应的服务卡片，还可以监测应用页面中页面数据的变化，并在服务卡片上显示上述页面数据的变化。这样，用户可以通过服务卡片快速了解到应用页面上相关信息的变化情况。

下面介绍本申请实施例提供的一种服务卡片生成方法的流程图。

如图7所述，该服务卡片生成方法可包括步骤S711～S716。其中：

S711、接收到基于应用页面1，生成服务卡片的操作1。

上述操作1即为触发电子设备100利用应用页面1生成对应的服务卡片的操作。上述操作1可以参考前述图3D所示对服务卡片创建控件341的操作，或者可以参考前述图4D所示对服务卡片创建控件431的操作。本申请实施例对上述操作1不作限定。

S712、响应于操作1，获取应用页面1的页面数据。

当接收到操作1，电子设备100可以获取应用页面1的页面数据。电子设备100获取页面数据的方法可以参考前述实施例的介绍。这里不再赘述。

S713、判断应用页面1的类型是否为指定类型。

在一种可能的实现方式中，电子设备100可以识别应用页面1的类型，并判断应用页面1的类型是否为指定类型。上述指定类型可以是预设的。例如，上述指定类型可以包括视频播放类、文档编辑类、书籍阅读类、新闻资讯类、消息通信类等等。本申请实施例对上述指定类型包含的内容不作限定。上述指定类型的应用页面通常包含会发生变化的页面数据。电子设备100可以通过判断应用页面1是否为指定类型的应用页面，来确定是否对应用页面1中的一项或多项页面数据进行监测，从而更新应用页面1对应的服务卡片。

其中，电子设备100可以判断应用页面1的类型是否为指定类型中的一种。

这里对电子设备100识别应用页面1的类型的方法进行示例性介绍。

在一种可能的实现方式中，应用页面1是浏览器应用页面。电子设备100可以根据应用页面1关联的URL来识别应用页面1的类型。可以理解的，URL的格式可以为：<协议>://<域名>:<端口号>/<路径>。其中，URL中的协议可用于指示浏览器应用如何处理将要打开的页面。协议可以例如是http、ftp或file等等。URL中的域名可用于指示URL关联的页面所在的服务器的名称。URL中的路径可用于指示URL关联的页面在其所在服务器中的存储路径，以便于浏览器应用能依据该路径获取到URL关联的页面。电子设备100中可存储有域名数据库。该域名数据库中包含不同类型的域名。例如，视频播放类网站的域名、文档编辑类网站的域名等等。电子设备100可以将应用页面1关联的URL中的域名与上述域名数据库中的域名进行匹配，从而判断该域名的类型。例如，当判断出应用页面1关联的URL中的域名为视频播放类的域名，电子设备100可以确定应用页面1的类型为视频播放类页面。可选的，电子设备100还可以依据应用页面1的名称，以及在应用页面1中检索到的内容信息来识别应用页面1的类型。

在一种可能的实现方式中，应用页面1是非浏览器应用的用户界面。电子设备100可以根据应用页面1所属应用的类型来识别应用页面1的类型。例如，当检测到应用页面1所属的应用为视频播放类应用，电子设备100可以确定应用页面1的类型为视频播放类页面。

上述识别应用页面的类型的方法仅为示例性说明，不应对本申请构成限定。电子设备100还可以通过其它方法来识别应用页面的类型。

当判断出应用页面1的类型为指定类型，电子设备100可以执行下述步骤S714。否则，电子设备100可以执行下述步骤S715。

S714、判断应用页面1的页面数据是否包含指定类型对应的指定数据。

在一种可能的实现方式中，电子设备100中可存储有应用页面的指定类型与指定数据的对应关系。上述指定数据可以是预设的。例如，视频播放类对应的指定数据可包括以下一项或多项：视频更新数据、视频播放进度。文档编辑类对应的指定数据可包括以下一项或多项：文档编辑时间、文档编辑次数。书籍阅读类对应的指定数据可包括以下一项或多项：书籍更新数据、书籍阅读进度。新闻资讯类对应的指定数据可包括：资讯更新数据。消息通信类对应的指定数据可包括以下一项或多项：未读消息条数、消息接收的时间。本申请实施例对上述指定数据的具体内容不作限定。可以理解的，上述指定数据可以包括应用页面中会发生变化的页面数据。若应用页面中包含上述指定数据，电子设备100可以对该应用页面进行监测，以便更新该应用页面对应的服务卡片。

当判断出应用页面1的类型为指定类型，电子设备100可以进一步判断应用页面1是否包含该指定类型对应的数据，从而确定是否需要对应用页面1中的页面数据进行监测。

当判断出应用页面1的页面数据包含指定类型对应的指定数据，电子设备100可以执行下述步骤S716。否则，电子设备100可以执行下述步骤S715。

S715、根据应用页面1的页面数据，生成并显示服务卡片。

应用页面1的类型不为指定类型，或者应用页面1的类型为指定类型但应用页面1的页面数据不包含指定类型对应的指定数据，可以表示电子设备100从应用页面1获取的页面数据是固定的，不会变化的数据。那么，当判断出应用页面1的类型不为指定类型，或者当判断出应用页面1的类型为指定类型但应用页面1的页面数据不包含指定类型对应的指定数据，电子设备100可以根据应用页面1的页面数据，生成并显示服务卡片。其中，电子设备100可以不对应用页面1的页面数据进行监测。也即是说，该服务卡片上显示的内容不会动态更新。

S716、根据应用页面1的页面数据，生成并显示服务卡片，该服务卡片上包含应用页面1的类型对应的指定数据1。

应用页面1的类型为指定类型且应用页面1的页面数据包含指定类型对应的指定数据，可以表示电子设备100从应用页面1获取的页面数据包含可能会发生变化的数据(即应用页面1包含的指定数据)。那么，当判断出应用页面1的类型为指定类型且应用页面1的页面数据包含指定类型对应的指定数据，电子设备100可以根据该应用页面1的页面数据，生成并显示服务卡片。其中，电子设备100可以在服务卡片上显示应用页面1包含的指定数据1。

S717、监测应用页面1中指定数据1的变化，并根据指定数据1的变化更新应用页面1对应的服务卡片。

当检测到应用页面1中指定数据1的变化，电子设备100可以更新应用页面1对应的服务卡片中显示的指定数据1，从而体现指定数据1的变化。

示例性地，上述指定类型包含视频播放类。视频播放类对应的指定数据包括视频更新数据。当判断出应用页面1的类型为视频播放类，电子设备100可以判断应用页面1的页面数据是否包含视频更新数据。若应用页面1中的视频是完结的视频(如前述图3D所示的电影《白雪公主》)，电子设备100从应用页面1获取的页面数据中不包含视频更新数据。电子设备100可以根据应用页面1的页面数据生成对应的服务卡片。该服务卡片中可不包含动态更新的页面数据。若应用页面1中的视频是未完结、持续更新的视频，电子设备100可以从应用页面1获取到应用页面1中视频的视频更新数据。例如该视频更新的时间、该视频更新的内容。电子设备100可以根据应用页面1的页面数据生成对应的服务卡片。该服务卡片中可包含上述视频更新数据。电子设备100可以监测应用页面1中该视频更新数据的变化，并根据视频更新数据的变化更新服务卡片。

在一些实施例中，上述视频播放类对应的指定数据还可包括视频播放进度。当判断出应用页面1的类型为视频播放类，除了判断应用页面1的页面数据是否包含视频更新数据，电子设备100还可以判断应用页面1的页面数据是否包含视频播放进度。当判断出应用页面1的页面数据包含视频播放进度，电子设备100可以在生成的服务卡片上显示视频播放进度。电子设备100可以监测应用页面1中视频的视频播放进度是否变化，并根据视频播放进度更新服务卡片。

需要进行说明的是，图7所示方法流程图各个步骤的标号顺序不对各个步骤的执行顺序产生限定。

在一些实施例中，电子设备100可以在步骤S712获取到应用页面1的页面数据后，直接根据该页面数据生成服务卡片。然后，电子设备100可以判断应用页面1的类型是否为指定类型，以及在应用页面1的页面数据是否包含指定类型对应的指定数据(即步骤S713和S714)。当判断出应用页面1的类型为指定类型，且应用页面1的页面数据包含指定类型对应的指定数据，电子设备100可以监测应用页面1中的指定数据，从而更新服务卡片(即步骤S717)。

在另一些实施例中，电子设备100可以在步骤S712接收到操作1后，判断应用页面1的类型是否为指定类型(即步骤S713)。当判断出应用页面1的类型不为指定类型，电子设备100获取应用页面1的页面数据，并根据该页面数据生成服务卡片(即步骤S712和S715)。当判断出应用页面1的类型为指定类型，电子设备100可以在应用页面1中检索是否存在上述指定类型对应的指定数据(即步骤S714)。若应用页面1中存在上述指定类型对应的指定数据，电子设备100可以根据应用页面1的页面数据生成服务卡片，且在该服务卡片上显示应用页面1中的上述指定数据(即步骤S716)。进一步的，电子设备100还可以指定上述步骤S717，来监测上述指定数据的变化。

另外，图7所示方法流程图中的步骤S713、S714、S716和S717是可选的。在一些实施例中，电子设备100可以仅执行步骤S711、S712和S715。即电子设备100不对应用页面1中的任一页面数据进行监测，也不对应用页面1对应的服务卡片进行动态更新。在另一些实施例中，电子设备100可以仅执行步骤S711、S712、S715和S717。其中，电子设备100根据应用页面1的页面数据生成服务卡片后，可以对应用页面1的所有页面数据进行监测。当监测到任一页面数据变化，电子设备100可以在服务卡片上显示上述发生变化的页面数据。

图7所示方法流程图还可以包括更多的步骤。在一些实施例中，电子设备100可以接收到用户调整服务卡片的操作(例如，调整服务卡片的大小、颜色、显示内容、分组等等)。电子设备100可以根据上述调整服务卡片的操作，确定自定义数据。上述自定义数据可包括服务卡片的大小、颜色、显示内容、分组等一项或多项数据。电子设备100可以结合上述自定义数据对服务卡片进行调整。

由上述图7所述的方法可知，用户可以利用应用页面生成与该应用页面对应的服务卡片，从而通过该服务卡片显示的内容直观地查看应用页面中的内容。并且，用户可以利用该服务卡片实现一步直达该服务卡片对应的应用页面，而无需经过多次操作来触发应用打开相应的页面。并且，电子设备100还可以监测应用页面中页面数据的变化，并在服务卡片上显示上述页面数据的变化。这样，用户可以通过服务卡片快速了解到应用页面上相关信息的变化情况。

在一些实施例中，电子设备100可以将服务卡片发送至其它电子设备，例如，电子设备200。当接收到来自电子设备100的服务卡片，电子设备200可以显示该服务卡片，并响应于对该服务卡片的操作(如点击操作)，显示该服务卡片对应的应用页面。电子设备200可以手机、平板电脑、笔记本电脑、智能手表等设备。本申请实施例对电子设备200的类型不作限定。电子设备200的结构可以参考前述图1和图2所示电子设备100的结构。

下面介绍本申请实施例提供的一种电子设备之间分享服务卡片的场景。

图8A～图8E示例性示出了电子设备之间分享服务卡片的场景示意图。

如图8A所示，电子设备100可以显示用户界面810。用户界面810可包含服务卡片811。服务卡片811可以是利用前述图3D所示网址A关联的标签页生成的。服务卡片811可以参考前述图3K所示服务卡片380的介绍。这里不再赘述。

在一种可能的实现方式中，当检测到对服务卡片811的操作，例如长按操作或者在鼠标光标位于服务卡片811所在的位置时单击鼠标右键的操作等，电子设备100可以显示图8A所示的设置选项框812。设置选项框812可包含移除控件812A和分享控件812B。其中，移除控件812A可用于移除服务卡片811。分享控件812B可用于将服务卡片发送给其它电子设备。

如图8B所示，响应于对分享控件812B的操作，例如点击操作，电子设备100可以搜索电子设备，并与显示设备选项框820。设备选项框820可用于显示电子设备100搜索到的电子设备对应的设备选项。其中，电子设备100可以通过蓝牙、Wi-Fi等通信方式搜索附近的电子设备。可选的，电子设备100还可以搜索与电子设备100登录有相同账号的电子设备，或者与电子设备100登录的账号在同一家庭群组的电子设备。本申请实施例对电子设备100搜索电子设备的方式不作限定。

例如，电子设备100搜索到电子设备200、电子设备201、电子设备202、电子设备100可以在设备选项框820中显示设备选项821、设备选项822、设备选项823以及搜索控件824。搜索控件824可用于触发电子设备100继续搜索电子设备。

响应于对设备选项821的操作，例如点击操作，电子设备100可以将服务卡片811发送给设备选项821对应的电子设备，即电子设备200。

如图8C所示，当接收到来自电子设备100的服务卡片811，电子设备200可以在用户界面830显示卡片接收提示831。卡片接收提示831可包括卡片示意图832、取消控件833和确认控件834。卡片示意图832可用于指示电子设备200接收到的服务卡片的图像。取消控件833可用于拒绝接收服务卡片。确认控件834可用于确认接收服务卡片。

响应于对确认控件834的操作，例如点击操作，电子设备200可以显示接收到的服务卡片811。

如图8D所示，电子设备200可以在用户界面840显示服务卡片841。该服务卡片841即为上述电子设备100发送的服务卡片811。响应于对服务卡片841的操作，例如点击操作，电子设备100可以显示图8E所示的用户界面850。用户界面850即为服务卡片841对应的应用页面。

其中，电子设备200可以调用浏览器应用，根据服务卡片841对应的应用页面关联的URL，显示上述用户界面850。用户界面850显示的内容可以参考前述图3C所示标签页显示区域334中显示的内容。这里不再赘述。

可以理解的，上述服务卡片841对应的应用页面为浏览器应用的用户界面。该应用页面可以由任意一个浏览器应用根据应用页面关联的URL而打开。电子设备200中打开服务卡片841对应的应用页面(参考图8E所示的用户界面850)的浏览器应用，与电子设备100中打开服务卡片811对应的应用页面(参考图8C所示的用户界面330)的浏览器应用可以是相同的，也可以是不同的。

在一种可能的实现方式中，服务卡片是基于非浏览器应用的用户界面生成的。电子设备100向电子设备200发送服务卡片时，可以询问电子设备200是否包含服务卡片对应的应用页面所属的应用。若电子设备200不包含服务卡片对应的应用页面所属的应用，电子设备100除了向电子设备200发送该服务卡片，该可以将用于显示该服务卡片的应用资源发送给电子设备200。这样，电子设备200不安装服务卡片对应的应用页面所属的应用，也可以打开该服务卡片对应的应用页面。

本申请实施例对上述电子设备100发送服务卡片，以及用于显示服务卡片的应用资源的实现方法不作限定。

由上述图8A～图8E所示的场景可知，用户可以在电子设备100中利用应用页面来生成对应的服务卡片，并将该服务卡片分享至电子设备200中。

在一些实施例中，电子设备100可以将多个服务卡片聚合在一个卡片夹中。用户可以根据自己的使用习惯将多个服务卡片(例如，多个视频播放页面对应的多个服务卡片、用于完成一个工作项目的多个文档编辑页面对应的多个服务卡片等)聚合在一个卡片夹中。这样可以方便用户对服务卡片进行整理，且能够根据卡片夹快速找到需要的服务卡片。

下面介绍本申请实施例提供的一种聚合服务卡片的场景。

图9A～图9F示例性示出了本申请提供的聚合服务卡片的场景示意图。

如图9A所示，电子设备100可以显示用户界面910。用户界面910可包括服务卡片911、服务卡片912、服务卡片913、服务卡片914。由前述图3A～图3K所示的实施例可知，服务卡片911对应的应用页面可以为网址A(例如AA视频网站的网址)关联的标签页。服务卡片912对应的应用页面可以例如是AB视频应用中视频V1的播放页面。服务卡片913对应的应用页面可以例如是AC视频应用中视频V2的播放页面。服务卡片914对应的应用页面可以例如是AD视频应用中视频V3的播放页面。上述服务卡片911～服务卡片914的生成过程可以参考前述实施例。这里不再赘述。

可以看出，上述服务卡片911～服务卡片914均为视频播放类的服务卡片。服务卡片911的类型可以由服务卡片911对应的应用页面的类型确定。

响应于对服务卡片912的拖拽操作，电子设备100可以根据拖拽操作的轨迹移动服务卡片912。上述拖拽操作可以例如是用户的手指对服务卡片912进行长按操作后，手指在屏幕上滑动的操作。或者，上述拖拽操作还可以例如是在鼠标光标移动至服务卡片912所在的位置，长按鼠标左键并移动鼠标的操作。本申请实施例对上述拖拽操作的具体实现方式不作限定。

如图9B所示，电子设备100根据拖拽操作的轨迹将服务卡片912移动至靠近服务卡片911的位置处。上述靠近服务卡片911的位置可以是以服务卡片为中心的预设区域内的位置。本申请对上述靠近服务卡片911的位置不作限定。当电子设备100在服务卡片912移动至靠近服务卡片911的位置处时检测到拖拽操作释放，电子设备100可以聚合服务卡片911和服务卡片912，显示图9C所示的卡片夹915。上述拖拽操作释放可以例如是在屏幕上滑动以拖拽服务卡片912的手指离开屏幕，或者可以例如是鼠标左键上的长按操作释放。本申请对上述拖拽操作释放的具体实现方式不作限定。

如图9C所示，卡片夹915包含卡片预览区域916、卡片标识915A和卡片标识915B。卡片预览区域916可用于显示一张服务卡片上呈现的部分或全部内容。卡片标识915A可用于指示服务卡片911。卡片标识915B可用于指示服务卡片912。

在一种可能的实现方式中，卡片预览区域916可用于显示卡片夹915中处于选中状态的卡片标识指示的服务卡片上的内容。如图9C所示，卡片标识915A处于选中状态。电子设备100可以在卡片预览区域916显示服务卡片911上的内容。响应于对卡片标识915B的操作，例如点击操作，电子设备100可以将处于选中状态的卡片标识由卡片标识915A切换为卡片标识915B。如图9D所示，当卡片标识915B处于选装状态，电子设备100可以在卡片预览区域916显示服务卡片912上的内容。

其中，当卡片预览区域916显示有服务卡片912上的内容，电子设备100可以在检测到对卡片夹915的操作(如点击操作)后，打开服务卡片912对应的应用页面。同样的，当卡片预览区域916显示有服务卡片911上的内容，电子设备100可以在检测到对卡片夹915的操作(如点击操作)后，打开服务卡片911对应的应用页面。

可选的，电子设备100也可以响应于对卡片夹中一个卡片标识的操作，打开这一个卡片标识指示的服务卡片对应的应用页面。

上述聚合有多个服务卡片的卡片夹915的显示样式仅为本申请的示例性说明。卡片夹915中还可以包含更多或更少的内容。

在一些实施例中，电子设备100还可以将更多的服务卡片聚合至卡片夹915中。

如图9D所示，响应于对服务卡片913的拖拽操作，电子设备100可以根据拖拽操作的轨迹移动服务卡片913。当电子设备100在服务卡片913移动至靠近卡片夹915的位置处时检测到拖拽操作释放，电子设备100可以将服务卡片913添加至卡片夹915中。

如图9E所示，当服务卡片913添加至卡片夹915中，电子设备100可以在卡片夹915中显示卡片标识915C。卡片标识915C可用于指示服务卡片913。

在一些实施例中，电子设备100还可以将已添加至卡片夹915中的服务卡片移除。

如图9E所示，响应于对卡片标识915C的拖拽操作，电子设备100可以根据拖拽操作的轨迹移动卡片标识915C。当电子设备100在卡片标识915C移动至远离卡片夹915的位置处时检测到拖拽操作释放，电子设备100可以将服务卡片913从卡片夹915中移除。上述远离卡片夹915的位置可以包括以卡片夹915为中心的预设范围内的位置。本申请对上述预设范围不作限定。例如，上述远离卡片夹915的位置可以为卡片夹915显示区域之外的位置。

如图9F所示，当服务卡片913从卡片夹915中移除，电子设备100可以在卡片夹915中移除卡片标识915C，并在用户界面910显示服务卡片913。

由上述图9A～图9F所示的场景可知，用户可以将多个服务卡片聚合在一个卡片夹中，或者将服务卡片从卡片夹中移出来。这样可以方便用户对服务卡片进行整理，且能够根据卡片夹快速找到需要的服务卡片。

示例性地，用户可以将多个视频播放类的服务卡片聚合在一个卡片夹中。上述多个视频播放类的服务卡片可分别对应多个不同视频播放页面。上述多个不同的视频播放页面中播放的视频不同。这样，用户可以通过上述卡片夹快速打开不同的视频播放页面，观看多个不同的视频。

用户还可以将用于完成一个工作项目的多个服务卡片聚合在一个卡片夹中。上述多个服务卡片对应的多个应用页面可以是用户在完成一个工作项目时需要打开的多个用户界面。通过聚合这多个服务卡片，用户可以快速打开用于完成一个工作项目的多个用户界面。这可以有效提高用户的工作效率。

用户还可以将多个扫码界面对应的多个服务卡片聚合在一个卡片夹中。上述扫码界面可以包括但不限于：付款码扫码界面、收款码扫码界面、健康码扫码界面、乘车码扫码界面。可以理解的，用户在现在的日常生活中会经常需要扫描各种类型的码。但不同的码可能位于不同的应用中，且打开扫码界面的操作比较繁琐。上述方法可以将各种扫码界面进行聚合。用户可以通过上述卡片夹整理自己需要使用的扫码界面对应的服务卡，并快速调出相应的扫码界面。这可以简化用户打开各种扫码界面的操作，提高用户的使用体验。

下面介绍本申请实施例提供的另一种聚合服务卡片的场景。

图10A～图10C示例性示出了本申请提供的聚合服务卡片的场景示意图。

如图10A所示，电子设备100可以显示用户界面1010。用户界面1010可以包括服务卡片1011～服务卡片1017。其中，服务卡片1011～服务卡片1014可以为视频播放类的服务卡片。服务卡片1015可以为新闻资讯类的服务卡片。服务卡片1016可以为文档编辑类的服务卡片。服务卡片1017可以为书籍阅读类的服务卡片。上述服务卡片的类型可以是电子设备100根据服务卡片对应的应用页面的类型确定的。

在一些实施例中，响应于对服务卡片1011的操作，例如长按操作，电子设备100可以显示图10B所示的设置选项框1020。设置选项框1020可以包括移除控件1021、分享控件1022、组成卡片夹控件1023。其中，移除控件1021和分享控件1022可以参考前述图8A所示实施例的介绍。组成卡片夹控件1023可用于将电子设备100中所有与服务卡片1011的类型相同的服务卡片聚合在一个卡片夹中。

如图10B所示，响应于对组成卡片夹控件1023的操作，例如点击操作，电子设备100可以显示图10C所示的卡片夹1030。其中，电子设备100可以确定服务卡片1011的类型为视频播放类。电子设备100可以查找其它类型为视频播放类的服务卡片，从而确定服务卡片1012～服务卡片1014的类型也为视频播放类。电子设备100可以将服务卡片1011～服务卡片1014聚合至一个卡片夹中，即图10C所示的卡片夹1030。

如图10C所示，卡片夹1030可包含卡片标识1031、卡片标识1032、卡片标识1033和卡片标识1034。卡片标识1031可用于指示服务卡片1011。卡片标识1032可用于指示服务卡片1012。卡片标识1033可用于指示服务卡片1013。卡片标识1034可用于指示服务卡片1014。卡片夹1030可以参考前述图9C所示卡片夹915的介绍。

这样，用户可以通过上述卡片夹1030快速打开不同的视频播放页面，观看多个不同的视频，而无需在不同的应用中进行多次操作来打开上述卡片夹1030中各个服务卡片对应的视频播放页面。

由图10A～图10C所示的场景可知，电子设备100可以帮助用户快速将多个类型相同的服务卡片聚合至一个卡片夹中。这可以简化用户整理服务卡片的操作，提高用户的使用体验。

可以理解的，不限于按照类型进行分组，电子设备100还可以按照其它的因素对服务卡片进行分组，并将属于同一个分组的服务卡片聚合至一个卡片夹中。

图11A和图11B示例性示出了聚合有多个服务卡片的卡片夹的另一种显示样式。

如图11A所示，电子设备100可以在用户界面1110显示卡片夹1111。卡片夹1111中可聚合有多张服务卡片。这多张服务卡片在卡片夹1111中可以堆叠显示。其中，堆叠显示在上层的服务卡片可以部分或全部覆盖显示在下层的服务卡片。

在一些实施例中，响应于作用在卡片夹1111上向下滑动的操作，电子设备100可以将卡片夹1111中聚合的服务卡片展开显示，以便于用户能够预览卡片夹1111中聚合的所有服务卡片。上述向下滑动的操作的滑动起点可以位于卡片夹1111所在的显示区域。本申请实施例对上述触发电子设备100将卡片夹1111中的服务卡片展开显示的操作不作限定。电子设备100将卡片夹1111中的服务卡片展开显示的方式可以参考图11B所示。

由图11B可以看出，卡片夹1111中聚合的服务卡片可包括服务卡片1111A～服务卡片1111D。当服务卡片1111A～服务卡片1111D展开显示后，用户可以查看服务卡片1111A～服务卡片1111D上显示的部分或全部内容。其中，响应于对上述服务卡片1111A～服务卡片1111D中任一服务卡片的操作，例如点击操作，电子设备100可以显示该操作作用的服务卡片对应的应用页面。

进一步的，在卡片夹1111中的服务卡片展开显示的情况下，响应于作用在卡片夹1111上向上滑动的操作，电子设备100可以收拢卡片夹1111中的服务卡片。卡片夹1111中的服务卡片收拢的显示方式可以参考图11A所示。

可以理解的，在本申请实施例中描述的各个用户界面仅为示例界面，并不对本申请方案构成限定。在其它实施例中，用户界面可以采用不同的界面布局，可以包括更多或更少的控件，可以增加或减少其它功能选项，只要基于本申请提供的同一发明思想，都在本申请保护范围内。

需要说明的是，在不产生矛盾或冲突的情况下，本申请任意实施例中的任意特征，或任意特征中的任意部分都可以组合，组合后的技术方案也在本申请实施例的范围内。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (14)

1.一种服务卡片生成方法，其特征在于，所述方法包括：

第一电子设备接收到针对第一应用页面的第一操作；

响应于所述第一操作，所述第一电子设备显示第一服务卡片，所述第一服务卡片包含所述第一应用页面的一项或多项信息；

所述第一电子设备接收到针对所述第一服务卡片的第二操作；

响应于所述第二操作，所述第一电子设备显示所述第一应用页面。

2.根据权利要求1所述的方法，其特征在于，所述第一电子设备接收到针对第一应用页面的第一操作之后，所述方法还包括：

所述第一电子设备显示第一预览卡片和第一调整控件，所述第一预览卡片是根据所述第一应用页面确定的，所述第一预览卡片用于预览所述第一服务卡片，所述第一调整控件用于调整所述第一预览卡片的显示内容和显示样式；

所述第一电子设备根据所述第一预览卡片生成所述第一服务卡片，所述第一服务卡片的显示样式和显示内容分别与所述第一预览卡片的显示样式和显示内容相同。

3.根据权利要求1或2所述的方法，其特征在于，所述第一应用页面是网页，所述第一应用页面与第一网址对应；

所述响应于所述第二操作，所述第一电子设备显示所述第一应用页面，具体包括：

响应于所述第二操作，所述第一电子设备调用第一浏览器应用，根据所述第一网址显示所述第一应用页面，所述第一浏览器应用是所述第一电子设备中的任意一个浏览器应用。

4.根据权利要求1或2所述的方法，其特征在于，所述第一应用页面是第一应用的页面，所述第一应用是非浏览器应用；

所述响应于所述第二操作，所述第一电子设备显示所述第一应用页面，具体包括：

响应于所述第二操作，所述第一电子设备调用所述第一应用，显示所述第一应用页面。

5.根据权利要求1-4中任一项所述的方法，其特征在于，所述第一服务卡片包含所述第一应用页面的第一信息，所述方法还包括：

所述第一电子设备监测所述第一信息是否变化；

当监测到所述第一信息变化，所述第一电子设备更新所述第一服务卡片上的所述第一信息。

6.根据权利要求5所述的方法，其特征在于，所述第一电子设备显示第一服务卡片之前，所述方法还包括：

所述第一电子设备判断出所述第一应用页面的类型为第一类型，并检测到所述第一应用页面包含所述第一类型对应的所述第一信息。

7.根据权利要求6所述的方法，其特征在于，所述第一类型为视频播放类，所述第一信息包括以下一项或多项：视频更新数据、视频播放进度；或者，

所述第一类型为文档编辑类，所述第一信息包括以下一项或多项：文档编辑时间、文档编辑次数；或者，

所述第一类型为书籍阅读类，所述第一信息包括以下一项或多项：书籍更新数据、书籍阅读进度；或者，

所述第一类型为新闻资讯类，所述第一信息包括资讯更新数据；或者，

所述第一类型为消息通信类，所述第一信息包括以下一项或多项：未读消息条数、消息接收的时间。

8.根据权利要求1-7中任一项所述的方法，其特征在于，所述方法还包括：

所述第一电子设备接收到针对所述第一服务卡片的第三操作；

响应于所述第三操作，所述第一电子设备将所述第一服务卡片发送给第二电子设备。

9.根据权利要求8所述的方法其特征在于，所述第一电子设备接收到针对所述第一服务卡片的第三操作之后，所述方法还包括：

所述第一电子设备向所述第二电子设备发送第一应用资源，所述第一应用资源用于显示所述第一应用页面。

10.根据权利要求1-9中任一项所述的方法，其特征在于，所述第一电子设备上还显示有K个服务卡片，所述K为正整数，所述方法还包括：

所述第一电子设备接收到第四操作，所述第四操作用于聚合所述第一服务卡片和所述K个服务卡片；

响应于所述第四操作，所述第一电子设备取消显示所述第一服务卡片和所述K个服务卡片，并显示第一卡片夹，所述第一卡片夹包含所述第一服务卡片对应的第一标识，以及所述K个服务卡片对应的K个标识；所述第一标识用于打开所述第一应用页面，所述K个标识分别用于打开所述K个服务卡片对应的K个应用页面。

11.根据权利要求1-9中任一项所述的方法，其特征在于，所述第一电子设备上还显示有M个服务卡片，所述M为正整数，所述方法还包括：

所述第一电子设备接收到对所述第一服务卡片的第五操作；

响应于所述第五操作，所述第一电子设备确定所述M个服务卡片中的M1个服务卡片的类型与所述第一服务卡片的类型相同；所述M1为小于所述M的正整数；

所述第一电子设备取消显示所述第一服务卡片和所述M1个服务卡片，并显示第二卡片夹，所述第二卡片夹包含所述第一服务卡片对应的第一标识，以及所述M1个服务卡片对应的M1个标识；所述第一标识用于打开所述第一应用页面，所述M1个标识分别用于打开所述M1个服务卡片对应的M1个应用页面。

12.一种电子设备，其特征在于，所述电子设备包括：屏幕、存储器、一个或多个处理器，所述屏幕用于显示服务卡片、服务卡片对应的应用页面，所述存储器用于存储计算机程序，所述一个或多个处理器用于调用所述计算机程序，使得所述电子设备执行权利要求1-11中任一项所述的方法。

13.一种计算机可读存储介质，包括指令，其特征在于，当所述指令在电子设备上运行，使得所述电子设备执行权利要求1-11中任一项所述的方法。

14.一种计算机程序产品，其特征在于，所述计算机程序产品包含计算机指令，当所述计算机指令在电子设备上运行，使得所述电子设备执行权利要求1-11中任一项所述的方法。