审查元素怎么打开

一次有趣的网页审查元素----刷新竟然不改变内容

  0X00 前言

  有一天我的老同学发了一个朋友圈,他是做电商的,看见他发布了一个后台截图,竟然日破5000单,我的第一反应就是假的,如果是真的,他早就给我打电话和我臭显摆了,于是我在下边留言,“小把戏,糊弄鬼呢”,直接揭穿他的庐山真面目,我想了想,就又给他留言,“来我这里,我教你怎么修改审查元素,不改变修改的内容,刷新也不怕露馅了,哈哈”。于是就有了今天的这篇文章,待我娓娓道来。

  0X01 先讲下普通人如何修改审查元素

  在浏览器中打开页面,在你想要查看的元素上面点右键,然后选择审查元素或者按F12键,就会调出下方的控制台。如下:

一次有趣的网页审查元素----刷新竟然不改变内容

  调出控制台之后,普通人看见肯定一脸蒙圈,不用管它,实际我们用到的只是冰山一角就够了,看我如何修改,首先点击1之后,鼠标在次点击你要修改的地方,如箭头所指方向,如下:

一次有趣的网页审查元素----刷新竟然不改变内容

  点击我们要修改的地方之后,控制台代码框里就会出现我们要修改的内容,直接将代码框里的内容编辑就可以了,效果如下:

 

一次有趣的网页审查元素----刷新竟然不改变内容

  好了,以上就是一班人修改审查元素的方法,缺点就是网页一刷新就变回原来的内容了,试过的都应该知道。

  0X02 看看我们二班人是如何修改的

  首先依然是调出控制台,调出控制台之后,点击Sources,增加一个本地覆盖的文件夹,如下:

一次有趣的网页审查元素----刷新竟然不改变内容

  这里添加完之后,我们在点击Network,把我们要修改的页面保存下来,如下:

一次有趣的网页审查元素----刷新竟然不改变内容

  保存下来之后,我们回到我们刚才建立的文件夹,打开文件,把里面的内容修改成我们想要的内容,这时你在回到网页上点刷新,你会神奇的发现,刷新之后的内容就是你要修改的内容。效果如下:

一次有趣的网页审查元素----刷新竟然不改变内容

  0X03 结尾

声明:本文为原创,作者为 点子猫,转载时请保留本声明及附带文章链接:https://www.dzm2017.com/6047/