應用程序啟動時如何自動打開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