Chrome的开发者模式及debug mode的使用
-
简介
Chrome谷歌浏览器开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。 谷歌浏览器提供给了web开发者强大的debug功能。
Dogfood: 寻找最新版本的Chrome开发者工具
Chrome Canary: 总是有最新的DevTools
-
打开Chrome开发者工具
1. 在Chrome菜单中选择 更多工具 > 开发者工具 2. 在页面元素上右键点击,选择 “检查” 3. 快捷键 `Cmd+Opt+I/fn+F12 (Mac)`或`Ctrl+Shift+I (Windows)`
-
Chrome谷歌浏览器的设备模式
使用设备模式构建完全响应式,移动优先的网络体验。