如何知道网站上的设备是啥?

Posted

技术标签:

【中文标题】如何知道网站上的设备是啥?【英文标题】:How to know which device is on the website?如何知道网站上的设备是什么? 【发布时间】:2015-07-05 09:12:06 【问题描述】:

我最近做了一个 javascript 游戏,但是它拒绝在手机和 iPad 上运行...

有没有办法知道用户是否使用PC,以便我可以阻止移动用户尝试它?

【问题讨论】:

Detecting a mobile browser的可能重复 【参考方案1】:

您可以将媒体查询用于响应式 UI,并查看以下代码:

 // For Smartphone
            if (window.innerWidth < 600)
            
                // TODO-- for the SmartPhone
            

            // For Tablet
            else if(window.innerWidth > 600 && window.innerWidth < 768)
            
                //TODO-- for the Tablet.
            

            // For Desktop
            else if(window.innerWidth > 768)
            
                //TODO -- for the Desktop.
            

【讨论】:

以上是关于如何知道网站上的设备是啥?的主要内容,如果未能解决你的问题,请参考以下文章

如何在ios设备上检测网站上的三击?

如何防止桌面网站上的图像在移动设备上加载?

如何使用 JavaScript 单击 Safari 移动设备上的按钮?

获得蓝牙低功耗 (BLE) 设备通知的步骤是啥?

桌面上的 Wordpress 网站“服务不可用”,但在移动设备上工作

如何判断我在 Android 代码中运行的是啥设备