浏览器F12下面怎么玩

F12使用视频教程                                             文字教程

开发者工具允许网页开发者深入浏览器和网页应用程序的内部。该工具可以有效地追踪布局问题，设置 JavaScript 断点并可深入理解代码的最优化策略。

Elements 查看当前文档的DOM信息

Network 查看网络请求的   

这个主要是用来查看当前的网页的一些网络请求（CSS,JS,image，ajax，Document等），

Source 查看当前资源文件的（CSS,JS,IMAGE） 

Resources 查看本地资源信息的（cookie,local storage,session storage等）

resource主要是用来查看当前网页可以访问到的一些本地信息，比如：Cookie，LocalStorage，SessionStorage，DB等

Console 查看调试用的，也可以直接写JS代码

这个主要是显示JS文件里面打印的日志信息(console对象)。你也可以直接在里面写JS，查看或修改当前作用域的变量信息，配合Source的调试用，非常爽。

对前端coder来说，F12是debug神器，
对普通网民来说，F12可以用来下载找不到下载按钮的资源，去网页广告，是盗图、盗音乐、盗视频，一夜暴富等等

比如说，在我按下F12之前，我的支付宝里只有不到1000元，然而几秒钟之后......

网页图片经常不允许你右键另存，不管他用了什么技术，只要别嵌入到flash里，就可以F12找到resource，然后树形结构一层层点开找吧，原图就在里面。
这一招屌到什么程度我告诉你，曾经某网站里的图屏蔽下载的技术超好，以至于这个网站都如此出名，但网站里的图从来没见过大规模流出去被二次转载的（当然截屏是可以但肯定不现实），但用这一招就可以。
在线视频，不允许下载，F12找到network，下面仔细找，总能找到cdn地址，复制下来贴迅雷里就能下了。

作者：roben
链接：https://www.zhihu.com/question/27414902/answer/37315077
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。