javascript - 为什么应用程序启动时 android webview 在 HTML5 上得到错误的宽度

Question

使用Android模拟器genymotion(800*1280)，获取window.innerWidth错误，描述如下:

当Android应用程序安装后，我在事件window.onload=function(){alert(window.innerWidth)}中设置js语言来获取视口(viewport)宽度，但答案是320(这是错误的) )，然后我点击一个按钮，触发事件 $(button).click(function(){alert(window.innerWidth)}) ，但答案是 602(没错)。

当然<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">已附加到 HTML5 头部。我用Chrome移动调试器(800*1280)尝试没有问题。答案是800。

<button value="click me get the width"/>
<script>
 //we all know window.innerWidth can get the viewport width
window.onload=functon(){
    alert(window.innerWidth)
}//get the wrong answer 320
$(button).click(function(){
    alert(window.inerWidth)})//get the right answer 602
</script>

Answer 1

试试这个。

https://github.com/delight-im/Android-AdvancedWebView

我的用例是以自定义分辨率呈现网站，不一定是设备的分辨率。

我无法使用 WebView 获得所需的结果。 AdvancedWebView 在第一次尝试中就成功了。