浏览器F12开发者工具的妙用【转载】

原文链接https://blog.csdn.net/Sheng_zhenzhen/article/details/104674523

一、复制不可复制的文字

例子（比如我在某乎分享过一篇文章，我设置了不可转载，那么如果别人想复制我的文字时，就会出现下面这个标识【禁止转载】，也就是别人没法复制我的文章。）

我们按下F12，或者右击鼠标选择【审查元素】，点一下下边弹出框左上角鼠标，然后去点击页面你想要的文字，下面框代码中亮的部分，看不到文字就点击箭头展开，看到文字，双击或者右键copy

 

二、下载不能右击鼠标选择保存的图片

例子（比如说某库网需要vip才能下载的图片）

首先我们打开不能直接下载图片的网站，然后使用快捷键F12，或者右击鼠标选择【审查元素】，然后选择【 network】，再选择【 Img】,刷新页面就看得到下面有图片资源了，大部分网页是这样结构，有些图片会在【 sources】那里打开左侧栏（请求回来的图片资源），总之能找到图片的资源所在位置就可以了。

三、当然还有作弊截假的数据图（修改余额，也可以修改页面的任意文字）

例子（更改网页登录某乎显示的余额——修改的是网页请求来展示到页面数据，刷新即可恢复正常）

我现在使用F12打开开发者工具，点一下下边弹出框左上角鼠标，然后去点击页面你想要修改的账号余额下面双击文字，马上就可以改一个数值，回车，关闭下面弹出框或者按F12关闭，然后截图炫耀去了。

四、使用浏览器截取整个网页。

使用浏览器自带的截屏功能截取超过一个屏幕的网页

F12或 Ctrl+ Shift+ I打开开发者工具，在任意 tab上按 Ctrl+ Shift+ P，在弹出的输入框里输入 Capture full size screenshot（其实不需要输入完整，可以自动补全），然后按回车即可

例子：

五、查看网页登陆的隐藏的密码

我现在使用F12打开开发者工具，点一下下边弹出框左上角鼠标，然后去点击页面你想要看到的密码，或者鼠标放到密码上右键审查元素/检查也可以，找到行内的文本框类型：type=“password”,改为type="text"回车，就可以了

 

 

 

 

六、简易计算使用浏览器计算即可

我现在使用F12打开开发者工具，点一下下边弹出框console，然后输入8*5按下回车即可

 在控制台输入document.body.contentEditable="true"或者document.designMode = 'on'就可以实现对网页的编辑了。

网页请求到的资源才可以。但是视频收费的还没请求到页面，根本不可以（本人不会，囧）。正常视频的地址都是blob：，然后下载也挺麻烦的需要一系列操作。但是，比如Q某音乐，部分歌曲可以网页播放，但是下载需要客户端，或者需要绿钻，你可以右键F12，然后找network下面的media然后，刷新网页点击音乐播放，点击size大小排序，右键新网页打开，最大的一般的就是请求文件，下载就好