browser-feature-detection相关内容

JavaScript中有没有办法检测文件是否可以放在使用的设备上?

我在一个网站上创建了一个表单,允许用户上传文件.用户还可以将文件拖放到此表单上.但是,在某些设备上,根本无法拖放文件(例如在我的 iPhone 上).所以我只想显示文本“Drag and drop files here".仅在有意义的设备上使用. 有没有办法检测设备原则上是否支持拖放文件?一种解决方法可能是检测鼠标指针是否正在移动.在这种情况下,我猜想可以拖放文件.不过,这只是猜测. ..

检测设备是否为 iOS

我想知道是否可以检测浏览器是否在 iOS 上运行,类似于使用 Modernizr 进行功能检测的方式(尽管这显然是设备检测而不是功能检测). 通常我更喜欢功能检测,但我需要找出设备是否是 iOS,因为它们按照这个问题处理视频的方式 YouTube API 不适用于 iPad/iPhone/非 Flash 设备 解决方案 检测 iOS 使用 iOS 13iPad 用户代理和平台字 ..
发布时间:2021-12-01 17:13:31 移动开发

javascript检测桌面触摸和鼠标支持

应该如何区分纯触控设备和带有鼠标的设备?(就像今天的一些笔记本电脑) 需要在应用程序中优先考虑所有鼠标功能,如果运行应用程序的设备仅支持触摸,则需要更改功能. 如果触摸设备也有鼠标指针,则逻辑建议应用应将该设备视为普通桌面,并可能添加触摸支持,但样式本身应响应鼠标事件. 正常的触摸检测是这样实现的:文档中的'ontouchend'; 检测计算机是否为台式机的一种方法可能是检 ..
发布时间:2021-09-09 18:57:37 前端开发

window.print()JavaScript的功能检测解决方案

问题 有什么方法可以检测对window.print()的支持吗?我宁愿去检测功能本身,也不愿意去摸索检测我是否在移动浏览器,台式机,iOS或Android或我可能在哪个特定的移动浏览器上. 背景 以下链接使我相信: Apple要求所有第三方浏览器都使用UIWebView 在非Safari应用程序中使用的UIWebView在运行window.print()时不起作用运行wind ..
发布时间:2021-05-19 20:51:42 前端开发

JavaScript中是否有一种方法可以检测是否可以将文件拖放到使用的设备上?

我在网站上创建了一个表格,允许用户上传文件.用户还可以将文件拖放到此表单上.但是,在某些设备上,根本无法拖放文件(例如,在我的iPhone上).因此,我只想显示文本“将文件拖放到此处".仅在有意义的设备上. 原则上是否可以检测设备是否支持拖放文件?一种解决方法是检测鼠标指针是否在移动.在这种情况下,我想可以拖放文件.但是,这只是一个猜测. 有没有更合适的方法来检测到这一点?请注意,我通 ..

如何检测HTML5音频MP3支持?

我知道如何在Javascript中检查HTML5音频播放是否可用.但是我该如何具体检查MP3音频播放是否可用,因为IE9和Chrome支持它,而Firefox和Opera没有. 解决方案 您可以检查User-Agent并查看正在使用的浏览器,也可以测试对Javascript的支持. var a = document.createElement('audio'); return !!( ..
发布时间:2020-11-23 23:51:03 前端开发

测试设备是否已启用Flash,采用Modernizr样式

是否有一种方法可以测试设备是否支持Flash,类似于 http://www.modernizr.com 可以检测特征的浏览器并在正文中添加类吗? 解决方案 由Flash或Flashbuilder等创建的模板文件具有javascript检查功能,以验证用户是否安装了正确的Flash Player版本,如果没有提供,下载播放器的选项.您可以使用所需的任何内容替换此下载链接,这样,如果没有Fla ..
发布时间:2020-05-10 19:55:35 其他开发

使用Modernizr检测移动设备的最可靠方法是什么?

我正在开发一个响应性网站,并且当用户在移动设备上浏览时,我被要求将我们网站上的所有免费电话号码交换为固定电话号码.使用Modernizr库(或任何其他库)检测用户是否在移动设备上的最可靠方法是什么? 我知道Modernizr.touch和Modernizr.geolocation.当将两者合并在if(Modernizr.touch && Modernizr.geolocation)语句中时, ..
发布时间:2020-05-10 19:55:08 前端开发

有没有一种方法可以检测手机和手持设备上的3G和2G连接速度?

有没有办法检测手机和手持设备上的3G和2G连接? 就像我想在用户使用3G时提供高端网站,而在用户使用2G时提供高度优化的版本一样. 解决方案 在Android 2.2及更高版本中,有一个JS对象. 您可以根据连接类型写出一个供CSS使用的类. 但据我所知,iOS在移动网站上不可用. var connection, connectionSpeed, htmlNode, ht ..

检测不同种类的滚动条(例如普通/隐藏的osx)

使用响应式布局和大量CSS创建网页时,我遇到了隐藏或显示滚动条并将布局更改17px的问题. 主要问题是,在OSX上,滚动条将鼠标悬停在整个布局上而不影响它,但是例如在Windows的任何浏览器中,滚动条都是该布局的一部分,因此将其向左移动17px宽度. /p> 试图解决这个问题,我开始检测像这样的浏览器: if($.browser.chrome) { // adapt layo ..

在js中检测浏览器的最佳方法

在JavaScript中有很多浏览器检测方法。 据我所知,使用 navigator.userAgent 或检测功能(如 XMLHttpRequest )等等。 任何人都可以告诉我哪种方式最好最有效的? 解决方案 如果你真的需要知道 浏览器 他们正在使用,你大多必须查看 userAgent 字符串(尽管你有时可以通过寻找一些不起眼的功能来推断浏览器)。请注意,有些浏览器会让用户更 ..

/ * @ cc_on和IE6检测

在研究IE的JavaScript条件评论时,我偶然发现了@cc_on。这似乎有效。但是,关于条件注释的维基百科条目提供了以下代码,用于更强大的IE检测,特别是IE6 : / * @ cc_on @if(@_ jscript_version> 5.7) document.write( “你正在使用IE8 +”); @elif(@_ jscript_version == 5.7& ..

哪种SVG支持检测方法最好?

有人已经问过我关于在浏览器中检测SVG支持的问题但是有三个主要的解决方案,而不是关于每个优点的讨论。 所以:哪个,如果有的话, 是最好的?在便携性和正确性方面,即。假阴性(即“无svg”)是不合需要的,但可以接受;误报不是。 图表A: var testImg = '数据:图像/ SVG + xml的; BASE64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy5 ..
发布时间:2019-02-19 18:44:28 前端开发

jQuery 1.9浏览器检测

在早期版本中,我曾经测试过我是否应该在页面加载时手动触发 popstate ,因为Chrome会在加载后立即触发,而Firefox和IE则不会。 if($ .browser.mozilla || $ .browser.msie){ $(window).trigger (如 'popstate'); } 现在他们将浏览器对象丢弃在1.9中,我应该如何测试这些浏览器?或者 ..

@supports的功能检测?

如何检测浏览器是否支持CSS @supports功能?由于Internet Explorer和Safari不支持,我的网络应用程序不知道在这些浏览器中应用哪些样式。 解决方案 使用纯CSS,您可以依靠级联来确定浏览器是否通过 @supports @supports c>具有普遍支持的声明的规则,例如 color 声明,并覆盖另一个全局声明的规则: #test { color:re ..

可靠地检测< img>标签支持SVG

我目前正在对网站进行一些重新设计,基本上只是将其升级到更新的外观,并尝试尽可能地使其成为独立的分辨率,并且以分辨率独立的名义,我认为我是尝试在浏览器支持 标签中的SVG图像的设计中使用SVG图像。我想坚持只在 标签中使用SVG而不是使用一些更加雄心勃勃的解决方案的原因是AFAIK Chrome,Opera和Safari都支持它并且FF4似乎喜欢它可能最终得到它以及整个网站建 ..
发布时间:2018-07-24 16:10:30 前端开发

搜索知道检测特定音频视频格式文件支持的库

我正在构建一个移动网络应用程序,我正在实施Video&音频标签。显然并非所有设备都知道运行所有文件格式。 Modernizr知道将Codec返回给我,但我怎么知道我的文件是否有这个特定的编解码器? 我可以识别文件扩展名或mim-type,但是我需要将编解码器与文件扩展名进行比较,并使用这些数据维护一个数组,这看起来像是一个花哨的任务。 你们怎么说?有谁知道一个知道的图书馆向我们提供这些 ..