1.Chrome浏览器是工程师开发页面，查阅代码编写效果的有力工具。不建议在可视化菜单中，调用。直接F12快捷键，目前Chrome同时支持，PC端与移动端的审阅。
2.Element汲取
校验div 、js、CSS代码效果，采用吸管工具，汲取相关element参数。确定实现的代码是否被服务器端渲染（目前比较流行SSR） ，DOM被Chrome解析。在模仿其他页面，也可以模拟参数，实现仿站。
3.Console部分
Console的类目，立哥在实际的调试中用的运用不是很多。主要用来查看框架架构。在这个开源飞速发展，前端工具指数级大爆发的背景下，Framework 早已褪去了神秘的外衣，业内主流前端开发运用VUE和React ，它们代码效率高，分层清晰，前后端数据互绑，开发便捷，社区支持良好。对于前端开发人员，并不要多深入了解底层技术，Ajax与JSON是掌握重点。通过Console，看看重要的Component有没有缺失，自己单位二次开发的框架，主要用了哪些功能，添加了哪些轮子。
4.Source类目
Source是Chrome调试的核心。支持断点调试，所有的代码以及打包后的显示，在这个类目里都有。可以说和VS code 里的分层代码是相映成辉，对于理解代码，确定是否存在代码冗余，有非常好的效果。Webpack等打包也在这个部分里，如果需要Build调参等，积极使用。
5.Network
目前各种B/S架构在软件行业运用及其广泛，这个类目就是用来测网速的，本地的话，还可以测试组件之间通讯。没有什么特别需要说的，按照项目要求，随时调试。
6.Application
对于大型项目，application 是非常重要的工具，可以在线查看API与DB的情况。现在虽然进入大前端的时代，但是后台调参仍必不可少。开发者，可以看下，在浏览器端的，出参，入参基本情况，相关层次架构。
7.VUE工具
这是大杀器，好用到起飞。如果不会自己安装，请私聊立哥。凡是用VUE类的框架，都可以使用。对于整体组件，Events等各种重要部分都有安装。具体功能就不多讲，自己慢慢探索，谁用谁知道。
