javascript - 如何使用 javascript 检测设备类型

标签 javascript mobile tablet

我正在开发一个网络应用程序,我需要从 JavaScript 检测设备。有人能告诉我最好的方法是什么吗?我通过谷歌搜索找到了几个解决方案。但没有人能提供充分的证据。我不想使用像 WURFL 这样的服务器端检测。

我的更新

我正在通过使用 JavaScript 匹配 CSS 媒体查询来检测设备。使用 Paul Irish 的 polyfill 进行媒体查询匹配 https://github.com/paulirish/matchMedia.js/

最佳答案

您可以使用:

  1. JS:由用户代理检测

     if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i))
    

    从这里获取用户代理字符串: http://www.useragentstring.com/pages/useragentstring.php .

  2. CSS:使用响应式设计

  3. JS:通过screen.width检测屏幕宽度

关于javascript - 如何使用 javascript 检测设备类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16520186/

相关文章:

javascript - 使用 Javascript 过滤文本框中的文本

javascript - 如何使用外部 JavaScript 在鼠标悬停时显示 div/元素?

css - 如何首先删除引导移动设备(首先使用桌面)

html - 如何使用仅适用于移动设备的 Bootstrap 隐藏部分文本

android - Android 3.1 的平板不能写cookie?

android - Android 平板电脑和手机使用哪种资源结构?

html - 平板电脑检测

javascript - 您如何写入 aws lambda 实例的文件系统?

android - 从 http header HTTP_USER_AGENT 可靠性发现 android ios windows mobile?

javascript - 选择每行中不包含@符号的非空白