使用js对网页执行的一些骚操作

处理网页禁止复制的“bug”

相信大家或多或少都遇到过下面这种情况:
在这里插入图片描述
在这里插入图片描述
好好的一篇文章,本来可以一键cv的,结果半路杀出个程咬金,煞风景,这谁顶得住啊。
遇到“bug”,不慌,稍微分析发现这是网页的bug,应该可以使用js+devtools修复它!
下面介绍两种修复方法:
注意:本文所有对devtools的用法感到不理解或者是陌生的朋友可以相应的参看我之前写过的一套有关devtools的博客总结。

精确打击

方法原理:找到禁止使用copy元素并移除掉此事件。
首先找到目标element:
在这里插入图片描述
在Event Listeners里找到copy事件:
在这里插入图片描述
Remove即可恢复此元素的copy功能。
如果当初设计这个页面的程序员很鸡贼,他将禁止copy的功能都分散在每个子元素上,而不是在最外层的父元素中。如此一来,按照这种方法恢复copy功能也显得有些麻烦(但是肯定比直接打开elements面板进行copy的方式要更快一点)。所以下面我再介绍一种通杀的方式。
注意:刷新页面后,所有的对页面的更改操作都会一朝回到解放前!

快刀斩乱麻

方法原理:禁用此页面的js所实现的所有功能。
首先,打开devtools的设置:
在这里插入图片描述
在Preferences面板里找到Debugger:
在这里插入图片描述
勾选上Disable JavaScript就可以禁止到此页面的所有因js所实现的功能,当然也包括copy功能。
(copy功能是电脑与生俱来的功能,只不过在此页面中是人为使用js禁掉它)
注意:Disable JavaScript按钮不要轻易勾选,因为一个没有js的页面是很恐怖的。

“bug”已修复

下面这段话就是我修复“bug”后cv的成果:
大学的生活是美好的,但又是艰难的,处处充满着挑战!这是一个从懵懂走向成熟的过程。随着暑期的到来 ,我已经完结了这四年的学业,可当想起在学校里的生活,却宛如昨日。
网址分享给大家,有兴趣的可以自己亲自动手玩玩:案例网站
其实,在网络中很多网站都有类似这种禁止copy的行为,例如最常见的某文库。得此妙招,相信大家再也不会为无法直接copy而发愁了。(自己掏钱copy的豪友可忽略此骚操作)

网站瞬间变灰白

相信大家还记得今年4月4日这个特殊的一天,在那天零点过后国内所有网站瞬间都变成灰色调,下面我使用两种方式来实现此功能。
还是以刚才那个网站为例子,先看看原始效果图:
在这里插入图片描述
然后看看变灰后的效果图:
在这里插入图片描述
下面介绍两种变灰操作:

elements面板操控

打开elements面板并选中body:
在这里插入图片描述
在下面的Styles面板的element.style中添加如下代码即可:

filter: grayscale(1);

console面板操控

打开console面板:
在这里插入图片描述
直接输入以下代码并运行即可:

document.body.style.filter = 'grayscale(1)';

修改网站任意内容

打开console面板,输入以下一行代码即可:

document.body.contentEditable='true';

在这里插入图片描述
此网站虽然看起来和原本的样子无区别,但是所有的内容都已经修改了。

结语

大家是否还知道一些其它好玩的js的骚操作,欢迎在评论区留言给大家分享。

猜你喜欢

转载自blog.csdn.net/asd0356/article/details/107234451
今日推荐