CN112130908A - 设置用户引导的方法及装置 - Google Patents
设置用户引导的方法及装置 Download PDFInfo
- Publication number
- CN112130908A CN112130908A CN201910547471.7A CN201910547471A CN112130908A CN 112130908 A CN112130908 A CN 112130908A CN 201910547471 A CN201910547471 A CN 201910547471A CN 112130908 A CN112130908 A CN 112130908A
- Authority
- CN
- China
- Prior art keywords
- target page
- user
- page
- setting
- user guide
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 238000009877 rendering Methods 0.000 claims description 49
- 230000006870 function Effects 0.000 claims description 42
- 230000008859 change Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 16
- 238000004891 communication Methods 0.000 claims description 9
- 238000012544 monitoring process Methods 0.000 claims description 9
- 230000004044 response Effects 0.000 claims description 7
- 238000011161 development Methods 0.000 abstract description 7
- 238000013507 mapping Methods 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 6
- 238000001514 detection method Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/4401—Bootstrapping
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/4401—Bootstrapping
- G06F9/4416—Network booting; Remote initial program loading [RIPL]
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这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
应当理解，尽管在本发明实施例中可能采用术语第一、第二、第三等来描述XXX，但这些XXX不应限于这些术语。这些术语仅用来将XXX彼此区分开。例如，在不脱离本发明实施例范围的情况下，第一XXX也可以被称为第二XXX，类似地，第二XXX也可以被称为第一XXX。
取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
本发明实施例中提供了一种设置用户引导的方法及装置，在启动需要设置用户引导的目标页面后，可以通过插件在目标页面中插入脚本，该脚本可以用于禁用目标页面中的控件的链接功能，并增加控件的设置功能，基于该脚本，在目标页面中接收到对控件的选中操作后，不会开启目标页面中控件原有的链接到其他内容的链接功能，而是可以基于该选中操作打开设置对话框，在该设置对话框中接收用户输入的用户引导信息后，可以得到该选中的控件与用户引导信息的映射关系，存储该用户引导信息，则可以完成对用户引导的自定义设置，该过程中，仅仅通过插件在目标页面中插入脚本即可实现对该目标页面的用户引导设置，无需重新编写开发代码等，提升了设置用户引导的效率。
本发明实施例可以应用于终端，终端可以包括：手机、平板电脑、笔记本电脑、台式电脑或者服务器等，本发明实施例对此不作具体限定。
本发明实施例所描述的脚本可以插入到目标页面后，可以实现对目标页面中控件的原有功能(具体可以是接收点击事件后跳转到控件对应的链接内容)的禁用，使得用户可以在页面中选中该控件，实现对该控件的圈选和用户引导信息设置，示例的，脚本可以是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 (16)
1.一种设置用户引导的方法，其特征在于，所述方法包括：
启动需要设置用户引导的目标页面，所述目标页面中包括至少一个控件；
通过插件在所述目标页面中插入脚本，所述脚本用于禁用所述目标页面中的控件的链接功能，并增加所述控件的设置功能；
接收对所述目标页面中的控件的选中操作，根据所述选中操作打开设置对话框，在所述设置对话框中接收用户输入的用户引导信息；
存储所述用户引导信息。
2.根据权利要求1所述的方法，其特征在于，启动需要设置用户引导的目标页面，包括:
启动设置页面中的iframe标签页面；
在所述iframe标签页面中接收所述目标页面的地址信息；
根据所述地址信息启动所述目标页面。
3.根据权利要求2所述的方法，其特征在于，所述脚本还用于建立所述设置页面与所述目标界面之间的跨域通信；所述存储所述用户引导信息之前，还包括：
基于所述脚本，所述设置页面接收所述目标页面返回的所述用户引导信息。
4.根据权利要求1所述的方法，其特征在于，所述存储所述用户引导信息之后，还包括：
在所述目标页面被访问的情况下，读取所述目标页面的用户引导信息；
渲染所述目标页面的用户引导信息，得到用户引导页面。
5.根据权利要求4所述的方法，其特征在于，所述渲染所述目标页面的用户引导信息，包括：
监听所述目标页面的文档对象模型DOM的变化；
在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息。
6.根据权利要求5所述的方法，其特征在于，所述在所述DOM发生变化的情况下，渲染所述目标页面的用户引导信息，包括：
在所述DOM发生变化，且所述DOM发生变化的频率低于频率阈值的情况下，渲染所述目标页面的用户引导信息。
7.根据权利要求1-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任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910547471.7A CN112130908B (zh) | 2019-06-24 | 2019-06-24 | 设置用户引导的方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910547471.7A CN112130908B (zh) | 2019-06-24 | 2019-06-24 | 设置用户引导的方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112130908A true CN112130908A (zh) | 2020-12-25 |
| CN112130908B CN112130908B (zh) | 2024-04-09 |
Family
ID=73849391
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910547471.7A Active CN112130908B (zh) | 2019-06-24 | 2019-06-24 | 设置用户引导的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112130908B (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113867721A (zh) * | 2021-09-01 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 页面引导生成方法、装置、设备及存储介质 |
| CN116400993A (zh) * | 2023-03-30 | 2023-07-07 | 阿里巴巴（中国）有限公司 | 用户使用客服页面功能时教学方法和电子设备 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070255810A1 (en) * | 1998-10-30 | 2007-11-01 | Shuster Brian M | Modifying apparent browser operation |
| US20130191435A1 (en) * | 2012-01-19 | 2013-07-25 | Microsoft Corporation | Client-Side Minimal Download and Simulated Page Navigation Features |
| US9003423B1 (en) * | 2011-07-29 | 2015-04-07 | Amazon Technologies, Inc. | Dynamic browser compatibility checker |
| CN106933722A (zh) * | 2017-03-06 | 2017-07-07 | 腾云天宇科技（北京）有限公司 | 一种网页应用监控方法、服务器和系统 |
| CN108632069A (zh) * | 2017-03-23 | 2018-10-09 | 腾讯科技（深圳）有限公司 | 一种客户端配置方法、系统及相关设备 |
| CN108959572A (zh) * | 2018-07-04 | 2018-12-07 | 北京知道创宇信息技术有限公司 | 一种网络溯源方法、装置、电子设备及存储介质 |
| CN109240692A (zh) * | 2018-11-16 | 2019-01-18 | 重庆满惠网络科技有限公司 | 一种基于通用模板的网页数据库开发的建立方法和系统 |
-
2019
- 2019-06-24 CN CN201910547471.7A patent/CN112130908B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070255810A1 (en) * | 1998-10-30 | 2007-11-01 | Shuster Brian M | Modifying apparent browser operation |
| US9003423B1 (en) * | 2011-07-29 | 2015-04-07 | Amazon Technologies, Inc. | Dynamic browser compatibility checker |
| US20130191435A1 (en) * | 2012-01-19 | 2013-07-25 | Microsoft Corporation | Client-Side Minimal Download and Simulated Page Navigation Features |
| CN106933722A (zh) * | 2017-03-06 | 2017-07-07 | 腾云天宇科技（北京）有限公司 | 一种网页应用监控方法、服务器和系统 |
| CN108632069A (zh) * | 2017-03-23 | 2018-10-09 | 腾讯科技（深圳）有限公司 | 一种客户端配置方法、系统及相关设备 |
| CN108959572A (zh) * | 2018-07-04 | 2018-12-07 | 北京知道创宇信息技术有限公司 | 一种网络溯源方法、装置、电子设备及存储介质 |
| CN109240692A (zh) * | 2018-11-16 | 2019-01-18 | 重庆满惠网络科技有限公司 | 一种基于通用模板的网页数据库开发的建立方法和系统 |
Non-Patent Citations (1)
| Title |
|---|
| 王晶;温向彬;: "利用jQuery操作HTML元素", 农业网络信息, no. 04, 26 April 2008 (2008-04-26) * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113867721A (zh) * | 2021-09-01 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 页面引导生成方法、装置、设备及存储介质 |
| CN116400993A (zh) * | 2023-03-30 | 2023-07-07 | 阿里巴巴（中国）有限公司 | 用户使用客服页面功能时教学方法和电子设备 |
| CN116400993B (zh) * | 2023-03-30 | 2024-04-19 | 阿里巴巴（中国）有限公司 | 用户使用客服页面功能时教学方法和电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112130908B (zh) | 2024-04-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10699061B2 (en) | Application page quick access | |
| CN108038134B (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
| US9584504B2 (en) | Auto login method and device | |
| US9418243B2 (en) | Invoking a private browsing mode by selection of a visual control element within a browser tab | |
| US10049168B2 (en) | Systems and methods for modifying webpage data | |
| US8935798B1 (en) | Automatically enabling private browsing of a web page, and applications thereof | |
| US9485240B2 (en) | Multi-account login method and apparatus | |
| US9026902B2 (en) | Handling unexpected responses to script executing in client-side application | |
| CN109408752B (zh) | 在线文档展示方法、装置以及电子设备 | |
| US20150193386A1 (en) | System and Method of Facilitating Font Selection and Manipulation of Fonts | |
| CN108304234B (zh) | 一种页面展示方法及装置 | |
| US20150205761A1 (en) | Unloaded content placeholders | |
| US9292252B2 (en) | Methods and apparatus for voiced-enabling a web application | |
| CN109740081A (zh) | 页面加载方法及装置 | |
| CN112130908A (zh) | 设置用户引导的方法及装置 | |
| CN107045546B (zh) | 一种网页处理方法、装置及智能终端 | |
| CN110781427A (zh) | 一种首屏时间的计算方法、装置、设备和存储介质 | |
| CN110825600A (zh) | 一种页面信息处理方法、服务器和页面展示装置 | |
| CN115017428A (zh) | 一种信息显示方法、装置、系统及存储介质 | |
| CN104572710A (zh) | 网页信息的处理方法及装置 | |
| CN103258055A (zh) | 一种文件下载设备和方法 | |
| CN111857898A (zh) | 网页地址选择组件的显示方法、装置、存储介质及终端 | |
| CN108304169B (zh) | 针对html5应用的实现方法、装置和设备 | |
| US11550990B2 (en) | Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time | |
| US11630805B2 (en) | Method and device to automatically identify themes and based thereon derive path designator proxy indicia |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |