【谷歌F12】开发者工具
作者：互联网
DevTools 皮肤插件
F12 面板
Elements 主要介绍如何实时修改网页中的内容和样式，保存网页中任何禁止保存的图片、文字。还可以模拟手机版网页。
Console 主要可以查看控制台信息输出，取一些变量的值，写js控制网页等。
Sources 查看网页的资源文件列表，比如js源码。主要还是对js添加断点调试。
Network 查看当前网页中所有的网络请求，相当于抓包。既然都能抓包了，所以对于所有的网页内容基本都能保存了，包括音乐、视频等等内容。
Application 取网站的所有存储数据，比如：Cookies、Web SQL、Session、Local Storage等。
元素定位
1、访问需要查看的页面
2、F12
3、点击DevTools页面左上角小箭头 (快捷键：ctrl + shift + c)
4、找到需要查看的元素、点击F12定位到相应位置
标签：网页,查看,谷歌,js,开发者,F12,DevTools,页面 来源： https://www.cnblogs.com/phoenixy/p/16333411.html