问题标签 [device-detection]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
921 浏览

javascript - 如何使用 deviceDetector 模块在 AngluarJS 中检测平板设备?

问题出在三星平板电脑上。如果设备是手机,但不是平板电脑,我想展示一些东西。

设备检测器显示:
- isMobile(): true
- isTablet(): false

这是来自模块的完整数据:

提前致谢。

0 投票
1 回答
1109 浏览

javascript - 具有最大尺寸的html div

我有一个简单的网页,其中包含一个包含传单地图的单个 div 元素和一些 javascript 代码。

在移动设备上,我希望 div 元素填满整个屏幕。但是,在 PC 屏幕等较大的屏幕上,我希望 div 元素的最大尺寸为 800x600 像素。否则,传单会变得太慢。

我该如何实施呢?

0 投票
1 回答
105 浏览

javascript - 为什么这个视频没有在 iPad Pro 横屏上显示?

我的网站上有一个标准的 HTML5 <video>

这些视频在大多数设备上都能正常播放,除了 iPad Pro 的横向播放。它以纵向工作。

这是视频代码:

你有什么建议?我需要使用某种设备检测 JS 或 jQuery 吗?

非常感谢所有帮助:)

0 投票
0 回答
334 浏览

html - HTML5 视频未在 iPad Pro 横向上显示

<video>我在 iPad Pro 上遇到了 HTML5 问题。

它以纵向显示,但不以横向显示。

有没有人有任何想法?我真的被困在这里,所以你的帮助将不胜感激。

我在下面包含了视频代码。

添加媒体查询:

刚找到这些:

0 投票
1 回答
503 浏览

asp.net-mvc - Global.asax 设备检测与 51 度云 API

任何人都可以帮忙吗?我想使用 51Degrees 的免费服务,而不是 Lite 版本,而是Cloud API ( https://51degrees.com/compare-data-options )。

我正在尝试将我的 Global.asax 设置为“平板电脑”和“手机”的显示模式,以便我可以使用:

  • 索引.cshtml
  • index.tablet.cshtml
  • index.mobile.cshtml

以下在不使用 51 度时有效。有没有人举个例子,如何将 51 度云 API 与 global.asax 集成以过滤平板电脑/移动设备。

https://51degrees.com/Support/Documentation/APIs/Cloud-API/NET-Cloud

谢谢汤米

0 投票
1 回答
2060 浏览

android - 如何从用户代理检测请求是来自 android-app 还是 android-browser

iPhone 浏览器的用户代理

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko)版本/4.0.5 Mobile/8A293 Safari/6531.22.7

iPhone 应用程序的用户代理

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X, en-us) AppleWebKit/532.9 (KHTML, like Gecko) Mobile/7D11。

我试图通过“VERSION”关键字来检测 iPhone 的情况,但它在 android 设备中不起作用。

0 投票
1 回答
313 浏览

user-agent - 用户代理字符串和设备检测

在构建网站时,我正在阅读有关一些不良做法的文档。MDN 表示这是一种非常古老且不好的做法,但在某些情况下它是可以接受的。比如设备检测。

https://developer.mozilla.org/en-US/docs/Browser_detection_using_the_user_agent

如果我要建立一个移动网站并使用 UAS 检测设备以将用户发送到数据密集度较低的网站;我是不是该?我知道有流畅和响应式的布局,但大多数网站也包含修复桌面宽度的规则。是否存在在其 UAS 中不包含移动设备的设备的边缘案例?

0 投票
0 回答
92 浏览

c# - 将新项目添加到设备和打印机时如何引发事件?

背景:

我正在使用第三方库来读取用作 ID 卡的智能卡。

这个库只支持读卡的方法。将卡插入读卡器时不会引发事件。结果,目前,我只能在单击按钮时读取卡。我想删除这个点击要求。

要求:

当 ID 卡插入读卡器时,软件会自动在“设备和打印机”中添加一个名为“ID 卡”的项目。添加此项目时如何获得通知?

目前的发现:

当 USB 阅读器插入计算机时,这个出色的答案成功触发了一个事件。但是,当卡插入读卡器时,它不会触发事件(即使它以某种方式出现在“设备和打印机”列表中。

此答案列出了连接到计算机的所有 USB 设备。它以某种方式列出了比连接到计算机更多的设备(当只有 3 个设备 + 卡时为 8 个)。它也不会检测到卡 - 无论卡是否插入读卡器,号码都保持不变。

如何阅读此“设备和打印机”列表?以及如何检测何时将新项目添加到此列表中?

0 投票
1 回答
188 浏览

c# - 当控制器操作包含视图路径时,DisplayMode 不会更改为移动视图

我正在尝试在 ASP.NET MVC 应用程序中实现设备特定视图,如下所述: https ://www.simple-talk.com/dotnet/asp-net/multiple-views-and-displaymode-providers- in-asp-net-mvc-4/ 或此处: https ://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions/aspnet-mvc-4-mobile-features

尽管上面的文章是针对 ASP.NET MVC4 的,但它们的内容与框架的更高版本相关(我的应用程序使用的是 ASP.NET MVC 5.2)。

我偶然发现了一个问题。我有以下控制器:

测试模型非常基础:

我在“~/Views/Test”文件夹中有两个视图:

测试.cshtml

Test.Mobile.cshtml

我已经实现了上面链接中描述的解决方案。

当请求 /test/test 时,我得到了正确的视图(通过桌面浏览器请求时为 Test.cshtml,从移动模拟器请求时为 Test.Mobile.cshtml)。但是,当要求 /test/test2 时,我总是得到桌面视图。

我已经为我的问题寻找解决方案,但似乎每个人都在一遍又一遍地重现相同的场景(即“/test/test”场景),似乎没有人尝试过“/test/test2”场景. 甚至可以覆盖该功能吗?我不怕用压倒一切的默认剃须刀/MVC 功能弄脏我的手,但我真的不知道从哪里开始。

任何帮助表示赞赏。

0 投票
1 回答
543 浏览

mobile - react-native-device-detection 不适用于 Nexus 7

我创建了一个基于 React-Native 构建的 imageGallery 应用程序。基本要求是

  • 移动视图每行显示 3 张图像。
  • 平板电脑视图每行显示 5 张图像。

设备检测是使用react-native-device-detection完成的

每行的图像数量是使用Dimensions对象限制的。

这在移动设备和模拟器(Nexus 7)中都可以正常工作。通过https://material.io/devices/检查。Nexus 7 属于平板电脑。 Nexus 7 模拟器截图

Nexus 7 模拟器截图

Nexus 7 设备截图

Nexus 7 设备截图 但在设备(Nexus 7)中,它每行显示 3 张图像。(移动行为)。

如何解决这个问题?