草庐IT

Modernizr

全部标签

html - Modernizr - 加载 polyfills/使用自定义检测的正确方法

我想在网页上使用一些新的HTML5表单属性和输入类型。有些浏览器已经支持它们,有些则不支持,也永远不会支持。这就是我想使用Modernizr的原因——这就是我的麻烦开始的原因。据我了解,Modernizr本身并不是一个polyfill,而是一个可以测试浏览器是否支持某些新的HTML5/CSS3内容的脚本。如有必要,可以加载“模拟”这些功能的polyfill,以便它们可以在不支持/较旧的浏览器中使用。我猜这是正确的吗?关于测试/加载:使用Modernizr加载polyfill的正确或最佳方法是什么?在文档中我发现了这个:Modernizr.load({test:Modernizr.geo

javascript - 是否有可用的 javascript 代码(polyfill)启用 Flexbox(2012,css3),如 modernizr?

我正在寻找任何像modernizr(实际上没有)为“旧浏览器”(polyfill)启用flexbox的javascript库。是的,我知道这是一个真正的新功能(事实上“没有”是一个有效的答案),但我希望有这样的东西,我总是很难水平+垂直居中,这真的帮助和缩短工作时间。我的意思是这个flexbox:http://weblog.bocoup.com/dive-into-flexbox/(最新的) 最佳答案 可能是tooearly为了这。WebKit最近才实现它,在任何移动WebKit中根本没有支持的迹象,Opera刚刚发布了对它的支持,

javascript - 是否有可用的 javascript 代码(polyfill)启用 Flexbox(2012,css3),如 modernizr?

我正在寻找任何像modernizr(实际上没有)为“旧浏览器”(polyfill)启用flexbox的javascript库。是的,我知道这是一个真正的新功能(事实上“没有”是一个有效的答案),但我希望有这样的东西,我总是很难水平+垂直居中,这真的帮助和缩短工作时间。我的意思是这个flexbox:http://weblog.bocoup.com/dive-into-flexbox/(最新的) 最佳答案 可能是tooearly为了这。WebKit最近才实现它,在任何移动WebKit中根本没有支持的迹象,Opera刚刚发布了对它的支持,

HTML5 输入验证在 IE8 中不起作用

你好互联网的人们,我研究这个已经有一段时间了……也看过几个类似的帖子,但我似乎无法弄明白:HTML5输入字段验证CSS可在Firefox、Chrome中运行...但遗憾的是,它不适用于IE8...而且我的大部分目标受众都将使用IE8。...是的:我正在使用Modernizr,我使用Initializr来获取页面模板和CSS...我有点困惑为什么我不能在IE8中正常工作。这是我的测试页面的链接:Testhtml5page输入框在正确输入之前是红色的,然后当输入一个有效的账号时验证简单地变成绿色,例如:50011111111HTML5代码如下:AccountNumber:任何关于修复可能相

HTML5 输入验证在 IE8 中不起作用

你好互联网的人们,我研究这个已经有一段时间了……也看过几个类似的帖子,但我似乎无法弄明白:HTML5输入字段验证CSS可在Firefox、Chrome中运行...但遗憾的是,它不适用于IE8...而且我的大部分目标受众都将使用IE8。...是的:我正在使用Modernizr,我使用Initializr来获取页面模板和CSS...我有点困惑为什么我不能在IE8中正常工作。这是我的测试页面的链接:Testhtml5page输入框在正确输入之前是红色的,然后当输入一个有效的账号时验证简单地变成绿色,例如:50011111111HTML5代码如下:AccountNumber:任何关于修复可能相

javascript - 拖放 polyfill?

我正在寻找一种工具,它可以让我利用nativeHTML5拖放功能,并填充对过去浏览器的支持。有这样的东西吗?Modernizr的页面(https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)没有列出任何内容。 最佳答案 您想支持哪些旧版浏览器?http://caniuse.com/#feat=dragndrop说你在除Opera之外的任何地方都得到了支持。 关于javascript-拖放polyf

javascript - 拖放 polyfill?

我正在寻找一种工具,它可以让我利用nativeHTML5拖放功能,并填充对过去浏览器的支持。有这样的东西吗?Modernizr的页面(https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)没有列出任何内容。 最佳答案 您想支持哪些旧版浏览器?http://caniuse.com/#feat=dragndrop说你在除Opera之外的任何地方都得到了支持。 关于javascript-拖放polyf

javascript - 触摸检测黑莓9300 6.0

我目前在使用的插件中遇到一些触摸检测问题。插件使用如下代码touch=("ontouchstart"inwindow)||window.DocumentTouch&&documentinstanceofDocumentTouch;eventType=(touch)?"touchend":"click";确定是否应该在某些图库导航上使用touchend或click事件。但是不幸的是,当使用运行os6.0的黑莓9300访问该页面时,它被错误地报告为支持触摸的设备并且事件没有触发。我检查了使用的检测方法,它与Modernizr中的相同。有人能解决这个问题吗? 最佳

javascript - 触摸检测黑莓9300 6.0

我目前在使用的插件中遇到一些触摸检测问题。插件使用如下代码touch=("ontouchstart"inwindow)||window.DocumentTouch&&documentinstanceofDocumentTouch;eventType=(touch)?"touchend":"click";确定是否应该在某些图库导航上使用touchend或click事件。但是不幸的是,当使用运行os6.0的黑莓9300访问该页面时,它被错误地报告为支持触摸的设备并且事件没有触发。我检查了使用的检测方法,它与Modernizr中的相同。有人能解决这个问题吗? 最佳

javascript - 通过 css 去除所有悬停效果

当我在触摸设备上放下时,我不想要悬停行为。是否可以一次禁用整个网站的所有悬停效果?假设您使用Modernizr来检测触摸并设置类。这是我想出的,但它给出了很多不一致的地方:html.touch*:hover{color:inherit!important;background:inherit!important;}有没有办法用纯CSS做到这一点?如果没有,如何用javascript完成? 最佳答案 更新现在所有移动浏览器都支持它,这里是CanIuse链接:html.touch*:hover{all:unset!important;}