1 概述
业务系统在分析前端问题时,离不开使用浏览器调试工具,目前chrome在网页前端调试是最流行的工具,非之一。
对于初学者,甚至有多年工作经验的都不一定掌握的很全面。本文分享一些常用好用的功能点。
2 打开调试
打开chrome , 在右侧菜单,找到“更多工具” -> "开发者工具”点击,或者按快捷键F12.
3 必知必会
调试工具分为Element 、Console 、Sources 、Network和Application等。
3.1 快捷键
在开发工具中,点击设置,弹出界面,切换到快捷键,可以开到工具中的功能点对应的快捷键。
3.2 窗口模式
调试窗口支持弹出式,固定左边,固定右边,固定下方四种模式。