chrome dev工具是否与sublime文本的片段和制表符触发器类似?

时间:2013-08-23 16:49:55

标签: google-chrome google-chrome-devtools code-snippets

当我在崇高文本中编写代码时,我能够创建“片段”,我可以“触发”到我的代码中。

例如,如果我正在编写一些js代码并且我想将某些内容记录到控制台,我创建了一个代码段,以便我所要做的就是输入“log”并点击tab。只要我点击tab console.log();插入到我的代码中。谷歌似乎对片段有不同的定义,我想知道在开发工具源面板中直接编写代码时是否可以使用所描述的功能?

1 个答案:

答案 0 :(得分:1)

我在Chrome中找不到这种Tab trigger能力,但却是一种模拟此操作的方法:

使用 AutoHotKey

安装后运行它,右键单击任务栏角落中的AutoHotKey - > Edit This Script

将以下内容添加到脚本文件中。

#IfWinActive Developer Tools - 
::ml::
SendInput {Raw}margin-left:10px;
return

像上面一样编写自己的脚本,然后将其保存并Reload This Script

玩得开心!

更多话要说:

#IfWinActive表示此部分仅适用于名称以Developer Tools -开头的当前窗口。如果您希望此脚本有效,则应将开发窗口与主Chrome窗口分开以使其具有此功能窗口名称。

::ml::定义要触发的键,起始::表示这是一个单词,只有当后跟空格键或回车键或制表键时才能触发分号键等等。否则,一旦您输入margin-left:10px;,它就会很快输出ml

带有SendInput

{Raw}可以避免触发无限循环。例如。 bb - > border-bottom:1px solid #bbb;输出以bb;结束,AutoHotKey将自动最小化当前窗口以避免无限循环。