当前位置: 首页 >  帮助中心>谷歌浏览器开发者控制台快捷操作汇总

谷歌浏览器开发者控制台快捷操作汇总

谷歌浏览器开发者控制台快捷操作汇总1

以下是谷歌浏览器开发者控制台快捷操作汇总:
一、打开与关闭开发者工具
1. 快捷键:在Windows/Linux系统上,可同时按下`Ctrl+Shift+I`或`F12`键;在macOS系统上,需同时按下`Cmd+Option+I`键。
2. 菜单方式:点击浏览器右上角的三个点,选择“更多工具”,再点击“开发者工具”。
3. 右键菜单:在网页上任意位置点击鼠标右键,选择“检查”或者“审查元素”(不同浏览器翻译略有不同),即可打开开发者工具并跳转到“元素”标签页,此时可点击左上角的“>_”图标切换到控制台标签页。
二、控制台常用快捷键
1. 清空控制台:在控制台输入`console.clear()`,可快速清空控制台信息。
2. 执行代码:在控制台中输入JavaScript代码,如`console.log(123)`,按回车键即可执行并输出结果。
三、其他相关操作
1. 查看元素:在控制台输入`$0`,可快速选中并查看当前页面中最后一个被检查的元素。
2. 复制元素:在控制台输入`copy($0)`,可将当前选中的元素复制到剪贴板。
3. 保存日志:在控制台输入`localStorage.setItem('key', 'value')`,可将指定内容保存到本地存储中,方便后续查看和分析。
返回顶部