淘宝可以到哪些网站做推广,网站首页phpcms怎么添加,广州市司法职业学校,的网站开发工具目录
1、网页内容无法选中
1.1、问题原因
1.2、解决脚本
1.2.1、开启控制台窗口
1.2.2、执行脚本命令
2、内容复制弹出阻止框
2.2、解决脚本 1、网页内容无法选中
1.1、问题原因
今天在访问某一网站平台#xff0c;需要将内容进行选择、复制时发现不可使用。
在使用…
目录
1、网页内容无法选中
1.1、问题原因
1.2、解决脚本
1.2.1、开启控制台窗口
1.2.2、执行脚本命令
2、内容复制弹出阻止框
2.2、解决脚本 1、网页内容无法选中
1.1、问题原因
今天在访问某一网站平台需要将内容进行选择、复制时发现不可使用。
在使用【Simple Allow Copy】 插件仍无法启用插件自身在其他平台可以使用 经过发现是由于页面的CSS样式中存在以下两种属性导致移除即可。 webkit-user-select: none; user-select: none; 1.2、解决脚本
1.2.1、开启控制台窗口
按下【F12】 或【Fn F12】开启控制台窗口或者在更多工具中找到【开发者工具】 选择Console 页签 1.2.2、执行脚本命令
将以下脚本命令复制到控制台窗口按下【Enter键】即可 // 遍历所有样式表for (var i 0; i document.styleSheets.length; i) {var styleSheet document.styleSheets[i];// 尝试访问样式表的规则处理跨域问题try {var rules styleSheet.cssRules || styleSheet.rules;// 遍历样式表中的每条规则for (var j rules.length - 1; j 0; j--) {var rule rules[j];// 检查规则是否包含 user-select: none 或 -webkit-user-select: noneif (rule.style (rule.style.userSelect none || rule.style.webkitUserSelect none)) {// 移除规则styleSheet.deleteRule(j);}}} catch (e) {console.log(Cannot access stylesheet: ${styleSheet.href}, due to ${e});}}
代码解释
遍历所有的样式表 document.styleSheets。尝试访问每个样式表中的规则如果样式表来自跨域资源可能会遇到访问限制。遍历每个样式表中的每条规则。检查规则是否包含 user-select: none 或 -webkit-user-select: none 样式。如果找到匹配的规则则从样式表中移除该规则。
将此代码放入你的HTML文件中的 script 标签内确保它在页面加载完成后执行。这样就可以全局查找并移除 CSS 样式中的指定规则。 2、内容复制弹出阻止框
将内容复制后自动弹出选项框并进一步要求开通会员等。 2.2、解决脚本
脚本的操作与【1.2】中一致开启控制台窗口输入脚本按键盘Enter键执行即可。 可以在【某度文库】中试试 // 移除所有阻止内容复制和选中的事件监听器var eventsToRemove [selectstart, copy, contextmenu, mousedown, mouseup, dragstart];// 为元素移除事件监听器function removeEventListeners(element) {eventsToRemove.forEach(function(event) {element.addEventListener(event, function(e) {e.stopPropagation();}, true);});}// 获取页面上的所有元素var allElements document.querySelectorAll(*);allElements.forEach(function(element) {removeEventListeners(element);});// 移除 user-select 和 -webkit-user-select 样式for (var i 0; i document.styleSheets.length; i) {var styleSheet document.styleSheets[i];// 尝试访问样式表的规则处理跨域问题try {var rules styleSheet.cssRules || styleSheet.rules;// 遍历样式表中的每条规则for (var j rules.length - 1; j 0; j--) {var rule rules[j];// 检查规则是否包含 user-select: none 或 -webkit-user-select: noneif (rule.style (rule.style.userSelect none || rule.style.webkitUserSelect none)) {// 移除规则styleSheet.deleteRule(j);}}} catch (e) {console.log(Cannot access stylesheet: ${styleSheet.href}, due to ${e});}}// 移除所有内联的 user-select 样式allElements.forEach(function(element) {if (element.style.userSelect none) {element.style.userSelect ;}if (element.style.webkitUserSelect none) {element.style.webkitUserSelect ;}});
代码解释 移除事件监听器: 定义 removeEventListeners 函数使用 addEventListener 给元素添加新的事件监听器并使用 stopPropagation 阻止事件冒泡以便移除事件监听器的效果。遍历页面上的所有元素调用 removeEventListeners 函数。 处理样式表: 遍历所有的样式表 document.styleSheets。尝试访问每个样式表中的规则处理跨域问题。检查每条规则是否包含 user-select: none 或 -webkit-user-select: none 样式并移除匹配的规则。 移除内联样式: 获取页面上的所有元素并遍历它们。移除元素上设置的内联 user-select: none 和 -webkit-user-select: none 样式。
通过这种方式可以确保页面上的内容可以被正常选中和复制并恢复默认行为。 注以上代码提供的内容仅用于个人学习、研究或欣赏。但是不保证内容的全部正确性。通过使用本站内容随之而来的风险与本站无关。
