科尔多瓦应用程序在 chrome 检查器中空白

Question

有一个最奇怪的问题，两天前才开始无缘无故地发生。好像也越来越差了。我经常远程访问我的家用电脑来开发我的科尔多瓦应用程序。连接到我的电脑的是三星手机进行测试。将我的应用程序编译到手机后，我启动 chrome inspector 来查看应用程序并进行调试、UI 开发等

我已经进行此设置 3 个月了，一切正常。大约两天前，当我编译我的应用程序时，chrome 检查器只是显示空白-它说它加载了 project/index.html 文件-但一切都是空白的。没有资源，没有元素……什么都没有。但是，当我将应用程序编译并部署到设备时，我看到 Chrome 中的“应用程序名称”消失并在附加并部署后重新出现......然后单击“应用程序名称”在 Inspector 中将其打开。因此 Chrome 看到它已部署，但检查器完全空白。

我重新编译，重新部署，然后它再次工作。但是最近越来越多，即使在重新编译/重新部署后它再次显示空白。我不知道是什么原因造成的——我没有做任何更新或插件更改......当这一切开始时，我实际上是在测试 CSS 值。而且我似乎在谷歌搜索中找不到任何关于这个问题的参考资料。

有人见过这个吗？

Answer 1

经过一段时间的研究，我遇到了同样的问题，我发现：

您无法调试发布的 APK！

您可以使用debug APK

for more ref

Answer 2

问题出在 Ionic Modal 或 Popover 上使用 css 样式。具体来说，使用border-radius:1px。如果已定义，Chrome Inspector 的 Web UI 部分将变黑。因此，要使用 Chrome Inspector 对我的应用开发进行故障排除，我必须禁用该 css 样式，直到它准备好部署最终应用。

但是，从那时起......在过去两周左右的时间里，Chrome 似乎已经解决了这个问题。如果您将 border-radius 与 Ionic Modal 或 Popover 一起使用，您可以看到底角应用了半径，但顶角是方形的。在我看来，Chrome 解决这个问题的方法是简单地删除顶部边框半径以在 Chrome Inspector 中进行渲染。