浏览器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地址，复制下来贴迅雷里就能下了。