如何使用JavaScript为网页创建指导教程？

Question

某些网站（特别是Facebook游戏）为新用户提供了一步一步的教程，其中JavaScript用于创建弹出窗口，告知用户下一步点击的位置以及正在发生的事情。

如何创建这样的系统？需要什么样的架构？

我认为如果设置了标志是教程标志，则加载脚本，并且存储在用户状态内的是一个“指针”，指示用户所在教程中的哪一步。该脚本将回显相关的JavaScript弹出窗口和突出显示等等。

我想，问题是如何检测用户何时执行了所需的操作，以及教程是否要继续下一步？

开启编辑：“进入下一步所需的操作”可能涉及用户点击链接本身或通过表单提交值。因此，状态必须能够持久化，并且脚本必须能够检测整个页面中不同UI元素上的交互。

Answer 1

我认为解决方案取决于您使用的技术。

简单 - 您可以将用户的教程进度存储在cookie文件中，并在每个动作（例如按钮单击）上调用javaScript处理程序，这将更新它的状态。

您可以将教程原型化为有限状态机。我认为本教程的数据演示非常有用。