android - 重新安装 cordova 应用程序后，如何自动重新连接 Chrome DevTools？

Question

我正在使用 Cordova 开发混合 Android 应用程序，并使用 Chrome DevTools (chrome://inspect/#devices) 检查并调试。

每次我运行 cordova run android --emulator 来更新模拟器上的应用程序时，DevTools 都会断开连接。

我的问题是如何在 Cordova 成功启动应用后自动重新连接 DevTools？

Answer 1

因为我找不到任何关于重新连接的信息，所以我只能自动执行以下过程:

1. 关闭断开连接的 DevTools 窗口
2. 在模拟器上部署新的应用程序版本后打开一个新的 DevTools 窗口

到第 1 步 我正在使用 wmctrl .我创建了脚本:

 #!/bin/bash
 wmctrl -c 'Developer Tools - file' || exit 0

并将其作为hook 添加到我的config.xml

<hook src="scripts/close_devtools.sh" type="before_deploy" />

为了第 2 步，我在 chrome://inspect/#devices 选项卡的控制台上运行下面的代码

var targetNode = document.querySelector('#device\\:emulator-5554 .browsers')

var callback = function(mutationsList) {
  for (var mutation of mutationsList) {
    if (mutation.addedNodes.length) {
      document.querySelector('#device\\:emulator-5554 .action').click();
    }
  }
};

var observer = new MutationObserver(callback);
observer.observe(targetNode, {childList: true});