Question

我有一个网站，我相信我可以在PC浏览器或移动浏览器中打开它，我使用React-Native Android Webview Component。

WebView Component，我可以用它打开一些url，比如m.facebook.com，但是无法打开我的网站，不知道为什么，我已经设置了一些WebView的道具，比如automaticAdjustContentInsets，javaScriptEnabled，domStorageEnabled ，scalesPageToFit。

当我使用FB示例UIExplorer时，打开m.facebook.com很方便，但是当我将网址更改为我的网站时，无法打开它。

任何人都知道它是怎么回事？

当我使用WebView Component并遇到麻烦时，我该如何调试呢？

Answer 1

是的，我知道它是怎么回事，

原因是我的html页面高度为0

当我找到这个问题的答案时，另一个遇到同样的问题，他终于找到原因是他的html页面高度为0，他可以使用chrome inspcet调试他的应用程序，但我不能。

所以，我应该做的第一件事就是尝试调试我的应用程序，经过很长一段时间，我认为它成功了，他是对的，原因是没有身高的html身体，然后很容易重新调整像这样，在加载时将这行代码添加到我的html页面：

$(html).height($(window).height())

但是，经过一秒钟，我发现它在某些Android手机中无效，我会得到：

$（窗口）.height（）== 0; // true

然后，我将行改为：

if($(window).height()!==0) {
    $(html).height($(window).height());
} else {
    $(html).height(10000);
}

这是一种快速修复方式，页面正确。

最后，我对高度感到困惑，我确信页面可以在移动浏览器中打开，为什么在反应原生的WebView中高度变为0？

反应原生的webview无法打开某些网址

1 个答案: