cordova app在chrome inspector

时间:2017-08-08 20:28:41

标签: android cordova google-chrome-devtools

有一个最奇怪的问题,两天前刚开始无缘无故地发生。它似乎也变得更糟。我经常远程进入家用电脑开发我的cordova应用程序。连接到我的电脑是三星手机进行测试。在将我的应用程序编译到手机后,我启动了chrome检查器以查看应用程序并进行调试,UI开发等

我已经做了3个月的这个设置,一切正常。大约两天前,当我编译我的应用程序时,chrome检查器只显示空白 - 它表示它已加载了project / index.html文件 - 但一切都是空白的。没有资源,没有元素......没有。但是,当我将应用程序编译并部署到设备时,我会看到"应用程序名称"在Chrome中消失并重新出现之后,我会点击"应用名称"在Inspector中打开它。所以Chrome看到它已部署,但检查员只是完全空白。

我重新编译,重新部署然后再次工作。但最近越来越多,即使重新编译/重新部署后再显示空白。我不知道是什么导致了这个 - 我没有做任何更新或插件更改....我真的在测试所有这些开始时的CSS值。我似乎无法在谷歌搜索中找到对此问题的任何引用。

之前有人见过这个吗?

1 个答案:

答案 0 :(得分:0)

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

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