javascript - Android Webview - javascript 屏幕尺寸与实际屏幕尺寸

Question

我有一个非常简单的 Activity，其布局如下...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
    </WebView>
</LinearLayout>

Activity 本身设置为全屏(没有标题栏和 Android 通知栏)并强制横向显示。

所以...在我的 HTC Desire 上，WebView 理论上占用 800x480 (wxh) 像素。到目前为止一切都很好，它确实完全填满了屏幕。

我感到困惑的是，WebView 从使用 javascript 函数获取屏幕宽度和高度的服务器加载 HTML 文档...

<script type="text/javascript">
<!--
    function getDims() {
        var screenW = screen.width;
        var screenH = screen.height;
        return "size=" + screenW + "x" + screenH;
    };
-->
</script>

...问题是 screenW 是 527 而 screenH 是 320，我不明白为什么。

看着 320 的高度，它恰好是 480 的三分之二，所以我然后查看了 800 的三分之二是多少 (~533)。因此，javascript 中的 screen.width 和 screen.height 似乎都报告了三分之二的实际可用像素。

谁能解释为什么会这样？

Answer 1

对于网站，您可以使用网站中的元标记控制 android 中的屏幕大小。

“屏幕”尺寸有low-dpi、medium-dpi 和high-dpi 三种设置。

因此该设备会自动缩放您的网站(如果您未进行任何设置，它会假定为中等 dpi)

在 javascript 中，您无法获得设备的确切像素大小，您更像是设备位于该区域的某个位置...

可以在这里找到一个很好的解释:http://developer.android.com/guide/webapps/targeting.html