清除Chrome开发工具中的控制台的快捷方式,而无需专注于开发工具

时间:2017-01-03 16:59:54

标签: google-chrome google-chrome-devtools

当关注开发工具时,您可以使用快捷方式cmd + k清除控制台。是否有快捷方式或黑客清除控制台,同时专注于网页本身?

背景:我经常使用鼠标点击网页上的某些按钮,我想在我点击按钮之前用左手快捷方式清除控制台光标(右手可以'因为它按住鼠标)

2 个答案:

答案 0 :(得分:2)

您可以在使用快捷方式时向调用console.clear方法的页面添加处理程序。

document.body.onkeydown = function(){
    console.clear()
}

当按下任何键时,这将清除控制台,但您可以轻松添加一个if语句,用于检查按下的键是否与您要使用的快捷键匹配。

答案 1 :(得分:0)

这是一个黑客。这仅适用于Chrome 61及更高版本。 61目前处于测试阶段。它应该在2017年9月中旬之前达到稳定状态。检查chrome://version以查看您正在运行的版本。

  1. Control + `(这是反推字符,位于QWERTY键盘上 1 键的左侧)。如果您已打开控制台面板,请重点关注该面板。如果您使用的是其他面板,请将焦点转移到控制台抽屉。如果抽屉关闭,DevTools会先打开它,然后将焦点放在其中。
  2. Control + L (Mac,Windows,Linux)清除控制台