应用程序启动时如何自动打开devtools？

Question

启动应用程序后，如何为打开的devtools自动配置Node Webkit ？

我可以从package.json configure或javascript做到吗？

Answer 1

您可以在页面加载时运行一些JavaScript，该JavaScript在窗口上调用showDevTools 。

这适用于nw.js v0.11.6。

<head>
  <script>
    function openDevTools()
    {
        require('nw.gui').Window.get().showDevTools();
    }
  </script>
</head>
<body onload="openDevTools()">

此处的nw.js文档中的更多详细信息： https : //github.com/nwjs/nw.js/wiki/window#windowshowdevtoolsid--iframe-headless

Answer 2

我们可以通过在package.json的developer部分下添加“ showDevToolsOnStartup”：true来启用devtools，并且可以在启动应用程序时自动打开devtools。

{
    "main": "index.html",
    "name": "nw-demo",
    "description": "demo app of node-webkit",
    "version": "0.1.0",
    "keywords": [ "demo", "node-webkit" ],
    "window": {
        "title": "node-webkit demo",
        "icon": "link.png",
        "toolbar": true,
        "frame": false,
        "width": 800,
        "height": 500,
        "position": "mouse",
        "min_width": 400,
        "min_height": 200,
        "max_width": 800,
        "max_height": 600
    },
    "developer": {
        "showDevToolsOnStartup": true
    }
}

Answer 3

对于nw.js 0.13及更高版本，您可以使用：

nw.Window.get().showDevTools();

Answer 4

我一直在寻找有关此问题的解决方案，但找不到真正令人满意的答案。 您可能必须尝试在JavaScript或按键解决方案中使用f12。

Answer 5

由于它被认为是安全缺陷，因此不太可能故意发生或不允许发生。

https://code.google.com/p/chromium/issues/detail?id=112277

应用程序启动时如何自动打开devtools？

问题描述

5 个解决方案

解决方案1
3 2016-02-04 15:40:59

解决方案2
2 已采纳 2016-02-09 07:45:04

解决方案3
1 2016-07-04 04:55:23

解决方案4
0 2016-02-04 14:22:09

解决方案5
0 2016-02-04 14:26:14

应用程序启动时如何自动打开devtools？

问题描述

5 个解决方案

解决方案1 3 2016-02-04 15:40:59

解决方案2 2 已采纳 2016-02-09 07:45:04

解决方案3 1 2016-07-04 04:55:23

解决方案4 0 2016-02-04 14:22:09

解决方案5 0 2016-02-04 14:26:14

解决方案1
3 2016-02-04 15:40:59

解决方案2
2 已采纳 2016-02-09 07:45:04

解决方案3
1 2016-07-04 04:55:23

解决方案4
0 2016-02-04 14:22:09

解决方案5
0 2016-02-04 14:26:14