【问题标题】:Is it possible to get a resolution of tablet是否有可能获得平板电脑的分辨率
【发布时间】:2020-02-19 16:11:59
【问题描述】:

我正在使用window.screen.heightwindow.screen.width

但它没有为我提供正确的平板电脑分辨率。 请帮帮我。

【问题讨论】:

    标签: javascript jquery jquery-mobile


    【解决方案1】:

    尝试使用window.devicePixelRatio 使用您的屏幕尺寸/分辨率:

    var ratio = window.devicePixelRatio || 1;
    var width = window.screen.width * ratio;
    var height = window.screen.height * ratio;
    

    然后,要检测它是否是 Asus Nexus 7,您必须使用外部 API 或扩展程序,如 ua-parser.js,可在 GitHub 上的 https://github.com/faisalman/ua-parser-js 获得。这是我使用他们的库得出的结论:

    var parser = new UAParser();
    var result = parser.getResult();
    if (result.device.vendor == "Asus" && result.device.model == "Nexus 7" && result.device.type == "tablet")
        // Code to redirect to mobile version website
    

    两者结合:

    <script src="ua-parser.min.js"></script>
    <script>
       var ratio = window.devicePixelRatio || 1;
       var width = window.screen.width * ratio;
       var height = window.screen.height * ratio;
       var parser = new UAParser();
       var result = parser.getResult();
       if ((width < 700 && height < 900) || (result.device.vendor == "Asus" && result.device.model == "Nexus 7" && result.device.type == "tablet"))
          // Code to redirect to mobile version website
    </script>
    

    【讨论】:

    • 我正在为我的网络应用程序创建一个 senerio,如果用户在平板电脑上打开我的网站(某些特定分辨率),那么它必须重定向到我的移动版本网站,否则是桌面版本。现在我必须获得强制重定向移动网络版本的分辨率。由此,我能够得到分辨率 var ratio = window.devicePixelRatio || 1个; var 宽度 = window.screen.width * 比率; var 高度 = window.screen.height * 比率;但我还有一种情况,如果某些设备分辨率值小于我保存的分辨率值,那么这些也会重定向到我的移动版本网站。
    • @ravindersharma 我不知道你在问什么,无论是普通平板电脑的常见分辨率/屏幕尺寸,还是如何根据移动设备重定向到您网站的版本设备的分辨率/屏幕尺寸。平板电脑的屏幕大小不一,我不知道你的手机版网站背后的代码。是一个简单的if 声明,比如if(width &lt; 720 &amp;&amp; height &lt; 1080),你在找什么?
    • 我想要一些特定的平板电脑重定向到移动网站。有可能吗?
    • @ravindersharma 您能否更准确地了解您想要的特定平板电脑?就像它们必须具有特定的分辨率,来自特定的制造商,或者具有特定的操作系统,如 Android 或 iOS?更具体。
    • 我有两个案例,第一个案例,Asus Nexus 7 (2012) Asus Nexus 7 (2013) 被重定向到移动版网站。第二种情况,我有一个最小分辨率值(700 * 900)。所有分辨率值小于 (700 * 900) 的设备也必须重定向到移动版网站。
    猜你喜欢
    • 2012-02-26
    • 1970-01-01
    • 1970-01-01
    • 2014-03-08
    • 2013-04-02
    • 1970-01-01
    • 2012-08-21
    • 2013-04-09
    • 1970-01-01
    相关资源
    最近更新 更多