草庐IT

Modernizr

全部标签

javascript - Modernizr 检查完全排除 IE6、IE7、IE8 或 IE,识别 iOS 设备

是否有我可以使用Modernizr运行的任何检查(或检查组合),其中:IE6失败,但更高版本不会失败?IE7失败,但更高版本不会失败?IE8失败,但更高版本不会失败?所有IE都失败了?所有浏览器都会失败,但iOS设备不会失败?所有浏览器都会失败,但Android设备不会失败?我想使用Modernizr基于特征检测而不是用户代理嗅探来检查浏览器、设备?关闭-谢谢,收到消息了谢谢 最佳答案 功能检测的重点是与浏览器无关,您的应用程序/网站应该根据功能的存在而不是浏览器的存在来增强/降级。我们浏览器检测MS的原因是因为您可能需要使用CSS

javascript - 功能检测是否需要用户手势

有没有办法检测在没有用户手势的情况下是否允许在视频元素上调用play()?在AndroidChrome上会发出此警告:无法在“HTMLMediaElement”上执行“播放”:API只能通过用户手势启动。因此,在ChromeAndroid上,需要用户手势才能开始播放视频,而在桌面版Chrome上则不需要。有没有办法检测我会得到哪种行为?我希望在我的应用程序中有稍微不同的行为,具体取决于是否允许以编程方式调用播放。我曾尝试使用Modernizr.videoautoplay,但它会检查元素上的autoplay属性,这不是一回事。这会导致IE11和Edge出现漏报。编辑:添加了anexamp

javascript - 在解决控制台中的 [Violation] 警告时滚动 DIV 时防止页面滚动

起初这似乎是重复的问题回答here但还有更多问题需要弄清楚。在googlechrome控制台中给定[Violation]警告,我该如何解决?[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.这是有效的代码片段,但带有上述[Violation]警告。$.fn.isolatedScroll=function(){this.on('mousewheelDOMMo

javascript - 判断浏览器是否支持打印

我认为这个问题的答案几乎肯定是“否”,因为我已经做了一些测试和搜索,但是是否有任何技巧可以检测window.print()甚至可能在页面内部工作(即从JavaScript)?例如,我知道即使在台式机/笔记本电脑上也永远不可能知道系统上是否配置了打印机,但至少浏览器会显示一个打印对话框。我的Android手机有一个window.print()函数,但它(不出所料)什么也没做。我主要问的是SO上有一个关于该主题的好问题:-) 最佳答案 不幸的是,它看起来像没有。window.print()函数不是EMCAScript规范的一部分。这意味

javascript - CSS "mix-blend-mode"测试

我想使用CSS的属性:mix-blend-mode:soft-light;我将通过Modernizr测试回退blabla...测试:Modernizr.mixblendmode//undefinedModernizr.testProp('mixblendmode');//falseModernizr.addTest('mixblendmode');//no-mixblendmode我错过了什么?已在Firefox上测试,CSS可以正常工作,但如何使用Modernizr进行测试? 最佳答案 知道了:Modernizr.addTest(

javascript - 如何为响应式设计禁用 javascript

我一直在为我网站的幻灯片背景使用超大型jQuery。我正在使网站响应并使用css媒体查询。我希望能够在低于480像素时禁用脚本。这是实际slider背景的脚本$(document).ready(function(){jQuery(function($){$.supersized({//Functionalityslideshow:1,//Slideshowon/offautoplay:0,//Slideshowstartsplayingautomaticallystart_slide:1,//Startslide(0israndom)stop_loop:0,//Pausesslides

javascript - 在 Windows 命令行上构建 modernizr

所以我按照这里的文档:https://github.com/modernizr/modernizr1)使用npm克隆了repo。2)在modernizr中运行npminstall以安装其依赖项。3)尝试运行./bin/modernizr-clib/config-all.json我收到一个错误:'.'isnotrecognizedasaninternalorexternalcommand我假设这与Windows命令行不了解我正在尝试在该位置执行文件有关。如何在cmd上执行第3步?提前致谢。 最佳答案 我们开始吧。您需要从节点内运行mo

javascript - Modernizr.touch 在 firefox 浏览器上返回 true

我编写了一些代码来获取基于触摸和非触摸的事件。它适用于所有其他浏览器和设备,但Firefox除外。默认FF返回true。varthumbsEvent,isTouch=Modernizr.touch;//detectthetouchif(isTouch){thumbsEvent='click';//ontouchsurface,click}else{thumbsEvent='mouseover';//onnontouchsurface,mouseover}有没有办法解决这个问题。Examplefiddle 最佳答案 代表Moderni

javascript - 在 jQuery UI 和 jQuery Mobile 之间切换的最佳方式是什么

我想要一个使用相同HTML的站点,但以最适合其所服务平台的方式对其进行“窗口化”。检测客户端移动设备/硬件键盘的功能并决定是否加载jQueryMobile以及网站的移动JavaScript或jQueryUI和桌面体验脚本是否有标准做法?以下似乎是一种合理的方法,但我想知道Modernizr.touch是否是检测此问题的最佳方法?例如:强制触摸可能不是Surface的最佳解决方案。有什么方法可以检测是否还有硬件键盘?Modernizr.load({test:Modernizr.touch,yep:['jquery-mobile.js','mobile.js']nope:['jquery-

javascript - 您可以通过 javascript 检测 PC 上是否启用了 Cleartype 吗?

一些@font-face字体在非cleartype设置下效果不佳(边缘变得非常不稳定)有没有一种方法可以通过javascript检测到这一点,这样我就可以在cleartype关闭的情况下对主体添加一个modernizr风格的类,这样我就可以在我的CSS中使用它 最佳答案 在IE6+中,您可以检查screen.fontSmoothingEnabled属性。否则,您需要使用html5Canvas来检查这一点。Detailshere. 关于javascript-您可以通过javascript检