chrome调试必知必会

1 概述

业务系统在分析前端问题时，离不开使用浏览器调试工具，目前chrome在网页前端调试是最流行的工具，非之一。
对于初学者，甚至有多年工作经验的都不一定掌握的很全面。本文分享一些常用好用的功能点。

2 打开调试

打开chrome , 在右侧菜单，找到“更多工具” -> "开发者工具”点击，或者按快捷键F12.

3 必知必会

调试工具分为Element 、Console 、Sources 、Network和Application等。

3.1 快捷键

在开发工具中，点击设置，弹出界面，切换到快捷键，可以开到工具中的功能点对应的快捷键。

3.2 窗口模式

 调试窗口支持弹出式，固定左边，固定右边，固定下方四种模式。