装X的高级技巧!教大家一招

收录于话题

#实用技巧

装X的高级技巧!教大家一招 最新 图1张
文字 | 配图 | 排版 | ?老Y
官网:www.youquhome.cn


今天给大家介绍一个装13的高级技巧,那就是浏览器的审查元素


我们可以通过chrome浏览器审查元素来修改网页内容,从而制作出许多“趣图”,比如支付宝截图、微信粉丝、某些明星微博……


这里讲两个修改技巧,一个简单的,一个大招


1、简单的,直接点击修改


许多人都知道,老Y也曾经在文章中多次提到,按下chrome浏览器中F12就会进入审查元素,可以通过选择相应标签来修改文字内容,回车就可以了。


为了举例子,老Y拿出了万年不用的微博。按下F12后单击左上角的选择按钮,然后鼠标移动到需要修改的地方,会自动定位到相应的元素位置,然后直接修改就可以了。


装X的高级技巧!教大家一招 最新 图2张


录了个gif给大家看看。


装X的高级技巧!教大家一招 最新 图3张


2、大招,一行代码任意修改


其实还有一个方法,只需要输入一行代码,就可以直接在网页上修改任何元素。位置如下图所示,按下F12后。


装X的高级技巧!教大家一招 最新 图4张


console里输入 document.body.contentEditable=true


这时候就可以发现网页中的内容可以任意修改了,这种方法要比一个个点选修改要方便很多。


装X的高级技巧!教大家一招 最新 图5张


好了,以上就是今天给大家介绍的小技巧,大家可以发挥想象力用它做点有趣的事情~


装X的高级技巧!教大家一招 最新 图6张


– End –



往期精选:




装X的高级技巧!教大家一招 最新 图7张

文章转载自微信公众号:老Y工作室