检查html中的android设备密度

Question

如何查看html页面内android设备的设备密度？ 我尝试下面的代码但不适用于Android设备 -

if($(window).devicePixelRatio == 1) {
    a1=a1+a1*5;
}
else if($(window).devicePixelRatio == 2) {
    a1=a1+a1*10;
}

Answer 1

您可以使用javaScriptInterFace获取设备密度。

wv.addJavascriptInterface(new JavaScriptInterface(context),
            "jsInterface");


public class JavaScriptInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    JavaScriptInterface(Context c) {
        mContext = c;
    }

    @JavascriptInterface
    public float getDensity() {
        return scale = mContext.getResources().getDisplayMetrics().density;
    }
}  

并在您的html中通过javascript获取密度

var scale = jsInterface.getDensity();  

• 0.75表示低密度
• 1.0表示标准（中等）密度
• 1.5表示高（大）密度
• 2.0表示超高密度