CN112130908B - 设置用户引导的方法及装置 - Google Patents

Abstract

本发明实施例提供一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

Description

设置用户引导的方法及装置

技术领域

本发明涉及通信技术领域，尤其涉及一种设置用户引导的方法及装置。

背景技术

用户引导用于引导用户使用应用程序，示例的，在用户初次使用应用程序的某个功能时，显示用户引导信息，该用户引导信息可以是功能介绍、使用说明或者使用引导(如提示用户点击某个选项)等，用户根据引导信息执行对应的操作，可以帮助用户了解或者正常使用应用程序的功能，从而提高用户的参与度。

现有技术中，应用程序中用户引导的内容通常不可配置，如果需要设置用户引导内容，需要经过对应用程序进行重新的开发、测试、上线、验收等流程，设置用户引导的效率非常低。

发明内容

本发明实施例提供设置用户引导的方法及装置，以解决设置用户引导的效率低的技术问题。

本发明实施例第一方面提供一种设置用户引导的方法，包括：

启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；

通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；

接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；

存储所述用户引导信息。

可选的，启动需要设置用户引导的目标页面，包括:

启动设置页面中的iframe标签页面；

在所述iframe标签页面中接收所述目标页面的地址信息；

根据所述地址信息启动所述目标页面。

可选的，所述脚本还用于建立所述设置页面与所述目标界面之间的跨域通信；所述存储所述用户引导信息之前，还包括：

基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

可选的，所述存储所述用户引导信息之后，还包括：

在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；

渲染所述目标页面的用户引导信息，得到用户引导页面。

可选的，所述渲染所述目标页面的用户引导信息，包括：

监听所述目标页面的文档对象模型DOM的变化；

在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

可选的，所述在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息，包括：

在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

可选的，所述渲染所述目标页面的用户引导信息，得到用户引导页面之后，还包括：

接收所述用户引导页面中的用户引导触发操作；

响应于所述用户引导触发操作，启动用户引导。

本发明实施例第二方面提供一种设置用户引导的装置，包括：

目标页面启动模块，用于启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；

插入模块，用于通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；

用户引导信息设置模块，用于接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；

存储模块，用于存储所述用户引导信息。

可选的，所述目标页面启动模块包括:

目标页面启动子模块，用于启动设置页面中的iframe标签页面；在所述iframe标签页面中接收所述目标页面的地址信息；根据所述地址信息启动所述目标页面。

可选的，所述脚本还用于建立所述设置页面与所述目标界面之间的跨域通信；所述装置还包括：

用户引导信息接收模块，用于基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

可选的，还包括：

读取模块，用于在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；

渲染模块，用于渲染所述目标页面的用户引导信息，得到用户引导页面。

可选的，所述渲染模块包括：

渲染子模块，用于监听所述目标页面的文档对象模型DOM的变化；在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

可选的，所述渲染子模块包括：

渲染单元，用于在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

可选的，还包括：

触发接收模块，用于接收所述用户引导页面中的用户引导触发操作；

用户引导启动模块，用于响应于所述用户引导触发操作，启动用户引导。

本发明实施例第三方面提供一种电子设备，包括：处理器，存储器以及计算机程序；其中，所述计算机程序被存储在所述存储器中，并且被配置为由所述处理器执行，所述计算机程序包括用于执行如前述第一方面任一项所述的方法的指令。

本发明实施例第四方面提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被执行时，实现如前述第一方面任一项所述的方法。

根据本申请的第五方面，提供了一种计算机程序产品，所述程序产品包括：计算机程序，所述计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序，所述至少一个处理器执行所述计算机程序使得电子设备执行第一方面所述的方法。

本发明实施例相对于现有技术的有益效果：

本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的设置用户引导的方法的流程示意图；

图2为本发明实施例提供的设置用户引导的方法的另一流程示意图；

图3为本发明实施例提供的设置用户引导的方法的标签页面示意图；

图4为本发明实施例提供的设置用户引导的方法的目标页面示意图；

图5为本发明实施例提供的设置用户引导的方法的用户引导界面示意图；

图6为本发明实施例提供的设置用户引导的方法的应用场景示意图；

图7为本发明提供的设置用户引导的装置实施例的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。

本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

本发明实施例可以应用于终端，终端可以包括：手机、平板电脑、笔记本电脑、台式电脑或者服务器等，本发明实施例对此不作具体限定。

本发明实施例所描述的脚本可以插入到目标页面后，可以实现对目标页面中控件的原有功能(具体可以是接收点击事件后跳转到控件对应的链接内容)的禁用，使得用户可以在页面中选中该控件，实现对该控件的圈选和用户引导信息设置，示例的，脚本可以是Java脚本(JavaScript，JS)，例如浏览器(chrome)插件的内容脚本content_script，可以理解，脚本的具体内容还可以根据实际的应用场景确定，本发明实施例对此不作具体限定。

本发明实施例所描述的设置对话框可以包括：用于接收用户引导名称输入的输入框、用于接收用户引导具体内容描述的输入框、用于显示用户选中控件的控件路径的显示区等，本发明实施例对设置对话框的具体内容不作限定。

本发明实施例所描述的用户引导信息可以包括用户引导名称、用户引导具体内容描述等，本发明实施例对用户引导信息的具体内容不作限定。

如图1所示，图1为本发明实施例提供的设置用户引导的方法的流程示意图。该方法具体可以包括：

步骤S101：启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件。

本发明实施例中，可以在管理员的设置页面中启动目标页面，表明该目标页面是需要设置用户引导的目标页面；也可以任意指定某一页面为目标页面，本发明实施例对此不作具体限定。

具体应用中，目标页面中可以包括多种页面元素，示例的，页面元素可以包括只具有显示功能的文字、图片、视频等，也可以包括具有链接功能的控件，通常的，该控件在接收到点击操作后，会自动跳转到链接内容。可以理解，在设置用户引导时，通常是对控件进行设定，因此，本发明实施例中，目标页面中包括至少一个控件，控件的具体内容可以根据实际的应用场景确定，本发明实施例对此不作具体限定。

步骤S102：通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能。

本发明实施例中，可以是终端在启动目标页面后，通知插件在该目标页面中插入脚本；也可以是插件在检测到启动目标页面后，自动在目标页面中插入脚本，本发明实施例对此不作具体限定。

本发明实施例中，在目标页面中插入脚本后，该目标页面中的控件的连接功能会被禁用，并增加该控件的设置功能，具体的，控件的设置功能可以是：控件接收用户的圈选操作，并基于圈选操作显示设置对话框，接收用户对该控件的用户引导信息输入。

可以理解，脚本具体可以是一段程序代码，在实际应用中，可以由本领域技术人员根据实际的开发语言、硬件架构等进行确定，本发明实施例对此不作具体限定。

步骤S103：接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息。

本发明实施例中，因为在目标页面中插入了脚本，因此，用户可以通过点击、勾圈等选中操作在目标页面中选中希望设置用户引导的控件，并在打开的设置对话框输入的用户引导信息，实现对该控件的用户引导的内容设定。

步骤S104：存储所述用户引导信息。

本发明实施例中，将用户引导信息存储后，当该设置了用户引导的目标页面被访问时，就可以进一步调用该用户引导信息，实现用户引导。

综上所述，本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

图2为本发明实施例提供的设置用户引导的方法的另一流程示意图。如图2所示，本发明实施例提供的设置用户引导的方法可以包括：

步骤S1011：启动设置页面中的iframe标签页面。

本发明实施例中，设置页面可以是管理员终端中的用于触发设置用户引导的页面，管理员可以通过新建用户引导的方式，在设置页面中启动iframe标签页面。其中，iframe是一种超文本标记语言(hyper text markup language，HTML)标签，作用是创建包含另外一个文档的内联框架(即行内框架)，即用于创建文档中的文档。

示例的，如图3所示，示出了在设置页面中启动iframe标签页面的示意图，管理员可以在设置页面中新建命名为“测试”的用户引导设置，则可以在设置页面中启动iframe标签页面，在iframe标签页面可以包括接收地址输入的输入框，用户在输入地址信息后，点击“go”控件，可以启动该地址信息对应的页面。

步骤S1012：在所述iframe标签页面中接收所述目标页面的地址信息。

本发明实施例中，地址信息可以是统一资源定位符(uniform resource locator，URL)，也可以是其他形式的地址信息，本发明实施例对此不作具体限定。

步骤S1013：根据所述地址信息启动所述目标页面。

本发明实施例中，在接收到地址信息后，可以基于该地址信息，跳转到地址信息对应的目标页面。示例的，如图4所示，示出了目标页面的页面显示示意图，在该目标页面中可以包括“测量分析”“趋势分析”等多个控件，每个控件有相应的功能，可以理解，在目标页面更新时，或用户初次登陆该目标页面中，用户可能对目标页面中的某些控件功能不了解，导致用户不能较好的使用该目标页面，因此，可以对该目标页面的控件进行用户引导设置，使得用户可以根据用户引导，便捷的了解各控件的功能等。

步骤S102：通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能。

本发明实施例中，因为目标页面是从iframe加载的页面，因此，可以在插件中检测功能，当插件检测到当前页面是通过iframe加载得到的页面，可以认为当前页面是需要进行用户引导设置的页面，进而插件自动在目标页面中插入脚本，从而提升用户引导设置的连贯性。

步骤S103：接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息。

本发明实施例中，如图4所示，在用户对目标页面的控件进行选中操作后，可以根据该选中操作打开设置对话框40，在该设置对话框40中，可以包括元素路径显示区域401，该元素路径可以是用户引导在目标页面中的显示路径，具体可以是用户选中操作对应的控件的位置；在该设置对话框40中，还可以包括标题输入框402，该标题输入框402可以用于接收用户输入的用户引导的标题，在该设置对话框40中，还可以包括内容引导输入框403，该内容引导输入框403可以用于接收用户输入的用户引导的引导内容，具体应用中，设置对话框40还可以包括确定、删除、修改、取消等选项，用户可以根据对确定、删除、修改的触发，进一步实现对输入的内容的更改和确认，本发明实施例对此不作具体限定。

可选的，所述脚本还用于建立所述设置页面与所述目标界面之间的跨域通信；步骤S104之前，还包括：基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

本发明实施例中，考虑到用户引导信息在实际应用中，可能需要管理员进行统一管理，因此，在目标页面中完成对用户引导信息的采集后，需要将用户引导信息返回给管理员的设置页面，从设置页面中将用户引导信息统一保存在服务器或其他存储空间。

可以理解，因为浏览器的安全策略，不同域名的页面之间通常是不可以直接通信的，因此，在本发明实施例中，在目标页面中还可以插入用于跨域通信的脚本，实现目标页面与设置页面之间的通信。示例的，基于万维网应用程序接口(world wide webapplication program interface，Web API)提供了信息传输(postMessage)功能进行跨域通信，在目标页面插入的JavaScript脚本stepTool.js中，可以与管理平台(即设置页面所处的平台)建立跨域通信，把设置的用户引导信息发送给管理平台，具体应用中，从安全性的角度考虑，还可以指定目标来源(targetOrigin)为管理平台的域名，以避免其他平台对目标页面的随意脚本插入操作。

步骤S104：存储所述用户引导信息。

步骤S105：在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息。

本发明实施例中，通过步骤S1011至步骤S104，实现了对目标页面的用户引导设置，因此，在后续该目标页面被访问时，可以基于存储的用户引导信息，实现该目标页面的用户引导。

步骤S106：渲染所述目标页面的用户引导信息，得到用户引导页面。

本发明实施例中，可以对该目标页面的用户引导信息进行渲染，得到如图5所示的用户引导页面，在用户引导页面中，可以显示该目标页面中自定义的用户引导标题，用户可以选择点击用户引导标题，接受用户引导，也可以关闭用户引导，本发明实施例对此不作具体限定。

可选的，所述渲染所述目标页面的用户引导信息，包括：

监听所述目标页面的文档对象模型DOM的变化；在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

本发明实施例中，考虑到渲染用户引导信息时，会占用目标页面的资源，进而可能影响目标页面的显示效果，因此，通过监听目标页面中的文档对象模型(document objectmodel，DOM)的变换，在DOM变化时，可以进行用户引导信息渲染，以避免对目标页面显示的干扰。

可选的，所述在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息，包括：在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

本发明实施例中，考虑到单页Web应用(single page web application，SPA)中，在首次加载网页时需要加载浏览整个网站所需全部资源的网络应或网站，所有的操作都是由JavaScript控制并在当前页面完成渲染的。因此，对于SPA，用户引导信息的渲染时机就比较难把握，在传统的渲染中，是轮询检测该SPA的配置中的元素是否都已经存在，若都存在，则进行渲染。但是，该方式中，如果SPA的DOM结构发生了变化，导致某个元素路径丢失，那么就会一直处于轮询状态，无法进行渲染。因此，本发明实施例中，可以通过Web API提供变换监听服务(MutationObserver)，MutationObserver可以负责监听DOM的变化，当监听到有DOM变化时，就去渲染用户引导信息，重绘引导窗口。

但是考虑到页面初始化初期，DOM可能会处于频繁变化的状态，若只要DOM发生变换就进行渲染，会频繁触发渲染，造成目标页面的抖动或闪屏，因此本发明实施例中，在DOM发生变化的频率低于频率阈值的情况下，才进行渲染，示例的，当某段时间内(比如500ms)DOM不再发生变化才会触发一次，这样就可以大大提升浏览器性能，同时窗口也不会出现闪屏等情况。

可选的，所述渲染所述目标页面的用户引导信息，得到用户引导页面之后，还包括：接收所述用户引导页面中的用户引导触发操作；响应于所述用户引导触发操作，启动用户引导。

具体应用中，用户可以通过点击、触摸、手势等在用户引导界面中触发启动用户引导，则在目标页面中，可以根据步骤S1011至步骤S104的具体设置，显示用户引导信息，实现对用户的引导。

综上所述，本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

下面，结合图6，说明本发明实施例的应用场景，如图6所示，图6为本发明实施例的设置用户引导的与方法在终端与服务器之间的交互流程。

终端可以通过iframe启动目标页面，在目标页面中插入脚本完成对用户引导信息采集后，终端可以将用户引导信息发送给服务器，服务器将用户引导信息写入数据库，当目标页面被访问时，服务器从数据库中读取用户引导信息，在目标页面中渲染用户引导信息得到用户引导页面，基于用户对用户引导页面的触发，可以进行用户引导。

图7为本发明提供的设置用户引导的装置实施例的结构示意图。如图7所示，本实施例提供的设置用户引导的装置包括：

目标页面启动模块210，用于启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；

插入模块220，用于通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；

用户引导信息设置模块230，用于接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；

存储模块240，用于存储所述用户引导信息。

可选的，所述目标页面启动模块包括:

目标页面启动子模块，用于启动设置页面中的iframe标签页面；在所述iframe标签页面中接收所述目标页面的地址信息；根据所述地址信息启动所述目标页面。

可选的，所述脚本还用于建立所述设置页面与所述目标界面之间的跨域通信；所述装置还包括：

用户引导信息接收模块，用于基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

可选的，还包括：

读取模块，用于在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；

渲染模块，用于渲染所述目标页面的用户引导信息，得到用户引导页面。

可选的，所述渲染模块包括：

渲染子模块，用于监听所述目标页面的文档对象模型DOM的变化；在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

可选的，所述渲染子模块包括：

渲染单元，用于在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

可选的，还包括：

触发接收模块，用于接收所述用户引导页面中的用户引导触发操作；

用户引导启动模块，用于响应于所述用户引导触发操作，启动用户引导。

本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。

本发明各实施例提供的设置用户引导的装置可用于执行如前述各对应的实施例所示的方法，其实现方式与原理相同，不再赘述。

本发明实施例还提供一种电子设备，包括：处理器，存储器以及计算机程序；其中，所述计算机程序被存储在所述存储器中，并且被配置为由所述处理器执行，所述计算机程序包括用于执行如前述实施例中任一项所述的方法的指令。

本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被执行时，实现如前述实施例中任一项所述的方法。

根据本申请的实施例，本申请还提供了一种计算机程序产品，程序产品包括：计算机程序，计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从可读存储介质读取计算机程序，至少一个处理器执行计算机程序使得电子设备执行上述任一实施例提供的方案。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

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

Claims (17)

1.一种设置用户引导的方法，其特征在于，所述方法包括：

启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；

通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；

接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；

存储所述用户引导信息。

2.根据权利要求1所述的方法，其特征在于，启动需要设置用户引导的目标页面，包括:

启动设置页面中的iframe标签页面；

在所述iframe标签页面中接收所述目标页面的地址信息；

根据所述地址信息启动所述目标页面。

3.根据权利要求2所述的方法，其特征在于，所述脚本还用于建立所述设置页面与目标界面之间的跨域通信；所述存储所述用户引导信息之前，还包括：

基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

4.根据权利要求1所述的方法，其特征在于，所述存储所述用户引导信息之后，还包括：

在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；

渲染所述目标页面的用户引导信息，得到用户引导页面。

5.根据权利要求4所述的方法，其特征在于，所述渲染所述目标页面的用户引导信息，包括：

监听所述目标页面的文档对象模型DOM的变化；

在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

6.根据权利要求5所述的方法，其特征在于，所述在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息，包括：

在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

7.根据权利要求4-6任一项所述的方法，其特征在于，所述渲染所述目标页面的用户引导信息，得到用户引导页面之后，还包括：

接收所述用户引导页面中的用户引导触发操作；

响应于所述用户引导触发操作，启动用户引导。

8.一种设置用户引导的装置，其特征在于，包括：

目标页面启动模块，用于启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；

插入模块，用于通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；

用户引导信息设置模块，用于接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；

存储模块，用于存储所述用户引导信息。

9.根据权利要求8所述的装置，其特征在于，所述目标页面启动模块包括:

目标页面启动子模块，用于启动设置页面中的iframe标签页面；在所述iframe标签页面中接收所述目标页面的地址信息；根据所述地址信息启动所述目标页面。

10.根据权利要求9所述的装置，其特征在于，所述脚本还用于建立所述设置页面与目标界面之间的跨域通信；所述装置还包括：

用户引导信息接收模块，用于基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。

11.根据权利要求8所述的装置，其特征在于，还包括：

读取模块，用于在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；

渲染模块，用于渲染所述目标页面的用户引导信息，得到用户引导页面。

12.根据权利要求11所述的装置，其特征在于，所述渲染模块包括：

渲染子模块，用于监听所述目标页面的文档对象模型DOM的变化；在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。

13.根据权利要求12所述的装置，其特征在于，所述渲染子模块包括：

渲染单元，用于在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。

14.根据权利要求8-13任一项所述的装置，其特征在于，还包括：

触发接收模块，用于接收所述用户引导页面中的用户引导触发操作；

用户引导启动模块，用于响应于所述用户引导触发操作，启动用户引导。

15.一种电子设备，其特征在于，包括：

处理器，存储器以及计算机程序；其中，所述计算机程序被存储在所述存储器中，并且被配置为由所述处理器执行，所述计算机程序包括用于执行如权利要求1-7任一项所述的方法的指令。

16.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被执行时，实现如权利要求1-7任一项所述的方法。

17.一种计算机程序产品，其中，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-7中任一项所述的方法。