当前位置:
首页>
Google Chrome浏览器开发者模式快捷键大全
Google Chrome浏览器开发者模式快捷键大全
1. 打开开发者工具:按下`Ctrl + Shift + I`(Windows/Linux)或`Command + Option + I`(Mac),可快速打开开发者工具。也可右键点击页面元素,选择“检查”来打开。
2. 切换设备模式:在开发者工具中,按`Ctrl + Shift + M`(Windows/Linux)或`Command + Shift + M`(Mac),可切换到移动设备模拟模式,查看网页在移动设备上的显示效果。
3. 切换到控制台面板:在开发者工具中,按`Esc`键可快速切换到控制台面板,查看日志信息、调试代码等。
4. 刷新页面并保留缓存:在开发者工具中,按`Ctrl + R`(Windows/Linux)或`Command + R`(Mac),可刷新页面但保留缓存,方便查看页面的实时变化。
5. 强制刷新页面:按`Ctrl + F5`(Windows/Linux)或`Command + Shift + R`(Mac),可强制刷新页面,清除缓存并重新加载所有资源。
6. 暂停/继续脚本执行:在“Sources”面板中,按`F8`键可暂停或继续脚本的执行,方便调试JavaScript代码。
7. 步过/步入/步出代码:在“Sources”面板中,按`F10`键可步过代码,按`F11`键可步入代码,按`Shift + F11`键可步出代码,用于逐行调试代码。
8. 切换到下一个/上一个断点:在“Sources”面板中,按`F9`键可切换到下一个断点,按`Ctrl + F9`(Windows/Linux)或`Command + F9`(Mac)可切换到上一个断点。
9. 查看元素样式:在“Elements”面板中,选中一个元素后,按`F2`键可快速编辑该元素的样式。
10. 切换到下一个/上一个面板:在开发者工具中,按`Ctrl + `](Windows/Linux)或`Command + `](Mac)可切换到下一个面板,按`Ctrl + [`(Windows/Linux)或`Command + [`(Mac)可切换到上一个面板。
11. 搜索功能:在开发者工具的各个面板中,按`Ctrl + F`(Windows/Linux)或`Command + F`(Mac)可进行搜索,快速查找相关内容。
