如何打开Chrome开发者工具

打开Chrome「开发者工具」有三种方式：

1、在Chrome菜单中选择：更多工具 -> 开发者工具

2、在页面中右键点击，选择「检查」。

3、使用快捷键。

我一般打开「开发者工具」都习惯使用「快捷键」，因为这种方式比较快速、高效。

推荐大家也使用快捷键的方式来打开开发者工具。

windows用户可能经常会按F12来打开「开发者工具」。

因为我是mac用户，而且有时候需要进入开发者工具中的不同位置，所以我一般都是使用组合快捷键来打开：

（1）打开最近关闭的状态：Cmd+Opt+I（Mac）或Ctrl+Shift+I（Windows）。

（2）快速查看DOM或样式：Cmd+Opt+C（Mac）或Ctrl+Shift+C（Windows）。

（3）快速进入Console查看log运行JavaScript：Cmd+Opt+J（Mac）或Ctrl+Shift+J（Windows）。