好友分享，弹出商品详情！前端是如何实现的

文章预览

前言： 最近接到了一个需求很有意思，类似于我们经常在逛购物平台中，选择一个物品分享给好友，然后好友复制这段文本打开相对应的平台以后，就可以弹出链接上的物品。 实现过程也比较有意思，特来分享一下实现思路🎁。 一. 效果预览 当我在别的界面复制了内容以后，回到主应用，要求可以检测到当前剪切板是什么内容。 二. 监听页面跳转动作 要完成这个需求，整体思路并不复杂。首先我们要解决的就是如何检测到用户从别的应用 切回 到我们自己的应用。 这个听起来很复杂，但其实浏览器已经提供了相对应的 api 来帮我们检测用户这个操作---- document.visibilitychange 。 那么我们就可以写下如下代码 document.addEventListener("visibilitychange", () => { console.log("用户切换了"); }); 相对应的效果如下图所示，你可能会好奇，我明明只切换了一次，但是 ………………………………