首页 > TAG信息列表 > Modernizr

如何优雅地实现浏览器兼容与CSS规则回退

读完了《Visual Studio Code权威指南》,前端方面书籍不能停,于是捡起「CSS一姐」 Lea Verou 的《CSS魔法》。 我们没法控制用户使用新版本还是老版本的浏览器,因此往往需要根据浏览器对于属性的兼容情况书写多套 CSS 代码。本文就是探讨如何优雅地应对浏览器兼容问题,包括四点:层叠机

是否可以通过浏览器在JavaScript中检测硬件加速?

我注意到,由于字体呈现方式的变化,使用硬件加速的浏览器的字体大小并不相同-使字符显得更小.在具有水平导航的站点上,这实际上已成为一个问题. 是否可以使用JavaScript或JS库检测浏览器中启用(或禁用)的硬件加速? Modernizr似乎没有提供这种选择.解决方法:字体渲染取决于浏览器,操作

javascript-如何在不使用modernizr的情况下用边界半径的特征检测检查替换旧的浏览器检查?

我一直在使用以下代码: if ( ($.browser.msie && parseFloat($.browser.version) < 7) || // IE 6 and lower ($.browser.mozilla && parseFloat($.browser.version) < 1.9) || // Firefox 2 and lower ($.browser.opera && parseF

javascript-YepNopeJS:在小型JS文件完全加载之前触发了回调

我有一个网站正在使用Modernizr.load(aka YepNopeJS)加载各种外部脚本.这些脚本之一是小的统计脚本(未压缩的3.5 kB),具有非常简单的回调函数: Modernizr.load({ load: 'http://res.xtractor.no/x.js', callback: function() { _pxReg(); } }); _pxReg只是x.js脚本中定义的函

javascript – 通过Modernizr加载jQuery后运行自定义代码

我正在开发一个新网站,并决定第一次使用Modernizr.我很确定它是如何工作的一般要点,但是我在寻找关于加载jQuery然后运行jQuery代码的最佳实践的一些建议. 我目前有以下内容作为我页面上的最后一项加载: Modernizr.load([ { load: '//ajax.googleapis.com/ajax/libs/jq

javascript – 如何使用Modernizr.js测试DOM4 Mutation Observers?

我正在尝试使用Modernizr.js创建一个检测Mutation Observers的测试.在Modernizer文档中,there’s a section for testing DOM elements称为前缀.我尝试使用: Modernizr.load({ test: Modernizr.prefixed('MutationObserver', window), yep: ['/js/polyfill_yep.js'], n

javascript – 尝试仅使用Modernizr为触摸设备加载样式表

我听说Modernizr的触摸测试是测试正在浏览页面的设备是触摸还是多点触控的最佳方法之一. 我正在尝试使用它(触摸测试)以及modernizr的加载功能,仅在设备具有触摸功能时加载样式表. 但是,我的代码似乎不起作用.我究竟做错了什么? <script type="text/javascript"> Modernizr.load({

消除渲染阻止javascript – 谷歌开发者建议摘要

谷歌开发人员工具坚持 – 我将我的modernizr .js移到了< / body>的末尾.标签, 据我所知,如果我这样做,ie8和ie7将不支持html5标签.(新版本的modernizr支持旧版浏览器支持html5标签) 那有什么解决方案吗? 谢谢解决方法:2017注意:这个原始答案对于IE 9及以下版本的Modernizr,html5shiv

javascript – Modernizr测试

为什么这会发出警报,是和否? Modernizr.load([ { test: Modernizr.cssgradients, yep: alert('Supports it!'), nope: alert('Oh, damn! This browser sucks!') } ]); 我在OS X上使用最新的chrome.解决方法:因为你直接在那里调用alert(),所以aler

怎么去检测浏览器支不支持html5和css3?

HTML5, CSS3 以及其他相关技术例如 Canvas、WebSocket 等等将 Web 应用开发带到了一个新的高度。 该技术通过组合 HTML、CSS 和 JavaScript 可以开发出桌面应用具有的效果。 尽管 HTML5 承诺很多,但现实中对 HTML5 支持的浏览器以及 HTML5 标准本身的完善程度都还没有到一个很成熟的

javascript – Modernizr检查对象适合不给出预期的结果

我正在使用Modernizr为对象拟合创建一个后备.该解决方案正在运行,但它不是仅将其应用于不支持对象的浏览器(如IE),而是将代码应用于所有浏览器.这是为什么? 我的代码: if ( ! Modernizr.objectfit ) { console.log('object fit is not supported'); tpj('.featuredpost').ea

javascript – 使用modernizr.js / yepnope.js加载Google Maps API

有没有人有任何工作代码允许使用modernizr.load或yepnope加载Google Maps API? 我能够加载JQuery& GMap3使用modernizr,但是除非我制作传统的脚本标记,否则Google Maps API不起作用. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Please help me loa

javascript – 使用Modernizr加载脚本……不工作

我在尝试使用Modernizr版本的yepnope加载脚本时遇到问题,并且无法理解为什么它们不同.如果我使用yep nope加载脚本,它可以正常工作: <script type="text/javascript" src="/js/yepnope.1.0.2-min.js"></script> <script type="text/javascript"> yepnope([ '/js/

javascript – 有没有办法一次性执行所有Modernizr测试?

我是Modernizr的新手,我只是想找一种简单的方法来检查浏览器的整体兼容性.我已经生成了一个Modernizr脚本来测试我的Web应用程序中最基本的组件,它高度依赖于HTML5,CSS3和现代JavaScript方法.有没有办法同时运行所有这些测试?查看文档,我看到有很多方法可以逐个测试每个功能,但我没