免费自助建站网站一览,现在学软件前景怎么样,用dw做红米网站,网站后台登陆不进去2个月前AdBlock/AdBlock Plus疑似升级了一次
因为自己主要负责面对海外的用户项目#xff0c;发现以前的检测AdBlock/AdBlock Plus开启状态方法已失效了#xff0c;于是专门研究了一下。并尝试了很多方法。
已失效的老方法
// 定义一个检测 AdBlock 的函数
function chec…2个月前AdBlock/AdBlock Plus疑似升级了一次
因为自己主要负责面对海外的用户项目发现以前的检测AdBlock/AdBlock Plus开启状态方法已失效了于是专门研究了一下。并尝试了很多方法。
已失效的老方法
// 定义一个检测 AdBlock 的函数
function checkAdBlock() {// 请求一个可能被 AdBlock 拦截含有/ad的路径接口fetch(xxxx/xxxx/ad).then(response {if (!response.ok) {// 如果响应状态码不是 2xx可能是被拦截了console.log(AdBlock 可能已启用请求被拦截);} else {// 请求成功AdBlock 未拦截console.log(AdBlock 未启用请求成功);}}).catch(error {// 如果请求失败可能是被拦截了console.log(AdBlock 可能已启用请求失败, error);});
}// 调用检测函数
checkAdBlock();尝试方法1(亲测后全部无用)
github上开源的一些方法基本都试了都不行
1f**kAdblock
2adblockDetector
3AdBlock Warning
4AdGuard Detector
5blockadblock …
尝试方法2(亲测后也无用)
创建一个div元素并添加一个可能被AdBlock识别的类名 ad,ads之类的
// 创建一个div元素并添加一个可能被AdBlock识别的类名
var adTest document.createElement(div);
adTest.className ad ads ad-test1 adblock-test; // ad,ads之类的
adTest.style.display block; // 明确设置display为block以检测是否被覆盖
adTest.style.position absolute; // 绝对定位以避免影响页面布局
adTest.style.top -9999px; // 将元素移出视口以避免干扰用户
adTest.style.left -9999px;
adTest.style.width 1px;
adTest.style.height 1px;// 将元素添加到DOM中
document.body.appendChild(adTest);// 立即检查元素是否被隐藏即display属性是否被更改为none
var adblockActive (adTest.offsetWidth 0 adTest.offsetHeight 0) || adTest.style.display none;// 根据检测结果执行相应操作
if (adblockActive) {console.log(检测到AdBlock开启了);// 这里可以添加代码来处理AdBlock被检测到的情况
} else {console.log(AdBlock没有开启);// 清理从DOM中移除测试元素可选因为已经移出视口document.body.removeChild(adTest);
}尝试方法3(亲测后发现可行)
思考
突然想起了阮一峰的博客发现一个网站“万维广告”。 但是我们的项目又不需要接入这些三方的工具啥的只是为了检测adblock到底开启了没有到底有没有拦截当前网站的资源。毕竟主动提示用户去设置白名单啥的还是效率太低太低了。 然后又发现最新版的AdBlock/AdBlock Plus默认规则会拦截含有ads域名的资源。 于是尝试了一下
!DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title加载脚本检测/titlestyle#load-error {color: red;display: none; /* 默认隐藏错误提示 */}/style
/head
body!-- 错误提示信息 --div idload-error脚本加载失败/div!-- 加载外部脚本 --scriptfunction loadScript(url, callback) {var script document.createElement(script);script.src url;script.onerror function() {// 脚本加载失败时显示错误提示var loadError document.getElementById(load-error);loadError.style.display block;if (callback typeof callback function) {callback(false); // 传递加载失败的信息给回调函数可选}};script.onload function() {// 脚本加载成功时不执行任何操作或者可以隐藏一个加载中的提示如果有的话if (callback typeof callback function) {callback(true); // 传递加载成功的信息给回调函数可选}};document.head.appendChild(script);}// 调用函数加载脚本loadScript(https://cdn.wwads.cn/js/makemoney.js);/script!-- 页面其余内容 --h1欢迎来到我的网站/h1p这里是一些内容.../p
/body
/html解决
验证成功。但是这毕竟是别人系统的js资源乱引入加载肯定不行。
含有ads域名的资源确实会被拦截刚好我们有现成的ads.xxx.com域名资源。本地系统在初始化时通过判断ads.xxx.com/xxx/js 资源是否加载成功了来判断当前浏览器是否启用了检测AdBlock/AdBlock Plus开启状态。
大家如果还有啥其他有效的方法欢迎补充…。后续继续更新
