【问题标题】:Shortcut to clear console in Chrome dev tools without having dev tools focused在 Chrome 开发工具中清除控制台的快捷方式,无需专注于开发工具
【发布时间】:2017-01-03 16:59:54
【问题描述】:

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

背景:我经常使用鼠标单击网页中的某些按钮,我想在单击带有光标的按钮之前用左手使用快捷方式清除控制台(右侧手不能,因为它握着鼠标)

【问题讨论】:

    标签: google-chrome google-chrome-devtools


    【解决方案1】:

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

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

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

    【讨论】:

      【解决方案2】:

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

      1. Control+`(这是 QWERTY 键盘上 1 键左侧的反引号字符)。如果您打开了 Console 面板,则焦点会回到该面板。如果您在不同的面板上,焦点会转到 Console 抽屉。如果抽屉关闭,DevTools 会先将其打开,然后将焦点放在其中。
      2. Control+L(Mac、Windows、Linux)清除控制台

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-02-24
        • 2017-08-11
        • 1970-01-01
        • 2015-02-16
        • 2018-02-16
        • 2015-08-27
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多