admin 发表于 2023-5-11 15:32:54

让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧

让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧:
实现效果:(插件网自己也用了,可以对着插件网页面右键查看网页源代码查看到~)


在这个示例中,我们使用了 window 对象的 focus 和 blur 事件来监听页面的激活和失去焦点事件。当页面被激活时,会触发 focus 事件,此时我们可以显示提示信息;当页面失去焦点时,会触发 blur 事件,此时我们也可以显示提示信息。

需要注意的是,需要实现两个方面:判断页面是否处于激活状态,判断页面是否处于当前的 tab 页中。

这里使用的是:JavaScript 中的 Page Visibility API 来实现。该 API 可以检测页面是否处于活动状态,如果页面不处于活动状态,则可以触发一些事件,例如显示提示信息。

实现方法很简单,
在 后台 —— 全局 —— 第三方统计代码 直接添加如下:(不影响SEO)

完整代码直接如下下面:
**** Hidden Message *****



九妹 发表于 2023-5-11 20:28:14

看看什么东西

教父 发表于 2023-5-11 23:20:43

看看什么东西

Amano 发表于 2023-5-12 07:06:52

感谢分享,正需要

苍岚 发表于 2023-5-12 08:50:57

本帖最后由 苍岚 于 2023-5-12 08:57 编辑

大佬,我引入 jQuery 库了,也还是不显示,缓存也清理了这是为啥呀

admin 发表于 2023-5-12 09:46:45

苍岚 发表于 2023-5-12 08:50
大佬,我引入 jQuery 库了,也还是不显示,缓存也清理了这是为啥呀

一般不需要再次引入 jQuery 库,这段代码是ChatGPT写的,我直接原段填入第三方统计代码的。可以我的网站右键查看网页源代码对比看下。

GM-爱好者 发表于 2023-5-12 12:22:06

感谢分享,正需要

哈哈哈哈哈 发表于 2023-5-12 14:08:16

好好学习

一心向前 发表于 2023-5-12 14:08:35

前排学习

yusr 发表于 2023-5-13 08:59:42

看看效果再说
页: [1] 2
查看完整版本: 让你的discuz论坛能留住用户给网站添加Page Visibility API判断用户浏览器tab页是否处于激活状态返回小提示的技巧

创宇盾启航版免费网站防御网站加速服务