Chrome浏览器审查代码出现黄色问题
hird-party cookie will be blocked in future Chrome versions as part of Privacy Sandbox
这是由于js引起的,Chrome浏览器计划在未来版本中默认阻止第三方Cookie有关,
举两个例子进行修改,通过触发,来减少自动加载引起的问题:
一、针对https://lf1-cdn-tos.bytegoofy.com调整点击按钮后加载这个脚本,从而减少自动加载时对隐私的潜在影响
:
(function() {
function loadScript() {
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?2875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e22875241e";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
}
// 添加一个按钮,让用户在点击按钮后再加载脚本
var button = document.createElement("button");
button.innerText = "Load Script";
button.onclick = loadScript;
document.body.appendChild(button);
})();
二、实现用户点击页面上的任意<a标签时触发加载百度统计脚本的功能
(function() {
var _hmt = _hmt || [];
function loadScript() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?123456789123456789123456789123456789";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
// 移除事件监听,防止重复加载
document.removeEventListener('click', handleClick);
}
function handleClick(event) {
// 检查点击的元素是否是 <a> 标签
var target = event.target;
if (target.tagName.toLowerCase() === 'a') {
loadScript();
}
}
// 监听所有 <a> 标签的点击事件
document.addEventListener('click', handleClick);
})();