默认情况下,在原子的单独窗口中打开devtools

时间:2017-01-15 10:40:34

标签: google-chrome-devtools atom-editor

我应该怎么做才能在默认情况下在一个单独的窗口中打开一个原子的devtools,而不是在一个停靠到右/底模式?

1 个答案:

答案 0 :(得分:2)

电子(Atom所基于的)should indeed remember the last mode the dev tools were opened in

  

<强> contents.openDevTools([options])

     
      
  • options对象(可选)      
        
    • mode字符串 - 打开指定停靠状态的devtools ... 默认为上次使用的停靠状态。
    •   
  •   

但是,您也可以根据需要自定义此行为。默认情况下,cmd-option-i(或在Windows和Linux上,ctrl-shift-i)绑定到Atom命令window:toggle-dev-tools,该命令仅在窗口上调用toggleDevTools()

要更改此行为,您只需使用新命令覆盖该命令即可。在init.coffee中(使用命令面板中的Application: Open Your Init Script打开它),添加以下代码:

atom.commands.add 'atom-workspace', 'window:toggle-dev-tools', (event) =>
  event.stopPropagation()
  BrowserWindow = require('electron').remote.BrowserWindow
  win = BrowserWindow.getFocusedWindow()
  if win.isDevToolsOpened()
    win.closeDevTools()
  else
    win.openDevTools(mode: 'undocked')

在此,我们在事件上调用stopPropagation以确保不会调用原始处理程序,然后确保我们每次都使用openDevTools调用mode: unlocked