我们的产品使用的是 react + typescript 开发的 web app/前端页面。
产品中,经常会需要在页面中间弹出一个 dialog (当然,这个都是 div 等元素合成的),已经实现了。PM 想针对这个 dialog ,制作产品向导(product tour)。于是我 google 了一把,还好,现在有一些成熟的工具。
但是 PM 的要求很不一般,不是开屏杀。而是需要用户操作到某一个页面后,比如,打开了某个 dialog ,针对这个 dialog 上面几个组件,比如,input text, list ,ok button ,等等,做三个页面向导(还是很花里胡哨的向导,我找到的工具,基本上向导里的都是纯 text ,还不能使用 react 定制页面,要么就是要收费的,比如 intro.js )。然后,等用户点击了 ok button ,切换到另外一个页面/dialog ,再制作几个向导。
所以,研究了几个工具,貌似都不太好实现。所以特意来请教一下大家。看看没有什么思路。
等等...
谢谢大家
p.s.
https://www.chameleon.io/blog/javascript-product-tours
https://userguiding.com/blog/react-onboarding-tour/
https://blog.bitsrc.io/7-awesome-javascript-web-app-tour-libraries-6b5d220fb862
1
xomix 2023-09-08 08:41:58 +08:00
你们 pm 是不是想要国产哪种点着点着一个视频看完不再出现的哪种提示?
|
2
SimonTart 2023-09-08 08:43:40 +08:00 2
https://driverjs.com/ 你需要这个
|
3
790002517zzy 2023-09-08 09:51:45 +08:00 via Android 1
这个比 2 楼那个更好用,二楼那个层级老是有问题,回调也少
https://github.com/josias-r/boarding.js |