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

Question

如何配置 Node Webkit 以在我的应用程序启动时自动打开 devtools？

我可以通过 package.json 配置或 javascript 来完成吗？

Answer 1

我自己四处寻找解决方案，但未能真正找到满意的答案。您可能必须尝试在 javascript 或击键解决方案中使用 f12。

Answer 2

它不太可能发生或被允许发生，完全是故意的，因为它被认为是一个安全漏洞。

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

Answer 3

您可以运行在页面加载时 JavaScript 调用 window 上的 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 4

我们可以通过在 package.json 的开发者部分添加 "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 5

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

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

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

How to open devtools automatically when application is starting?

javascript

node-webkit