Modernizr只是一个快速检查？

Question

我想检查运行我的页面的浏览器是否能够处理'html 5 placeholder'

我知道我可以添加以下javascript检查:

!Modernizr.input.placeholder

但是为一次检查导入图书馆是否值得？

现代化者如何为我做这件事(我的意思是如何在封面下实施)？

Answer 1

如果您想检查placeholder支持,那么您需要做的就是;

var placeholderSupport = "placeholder" in document.createElement("input");

并回答你的另一个问题; 不,绝对没有任何意义,包括整个Modernizr库的1行JS(Modernizr是1000多行....去图:))*

^{^{*是的,没有缩小,但概念仍然存在}}

澄清一点,Modernizr为研究和开发目的提供了未压缩的来源.Modernizr没有提供缩小版本的所有内容.建议您创建自定义构建.因此,它不是oneliner vs 1000+线性比较. (11认同)
此外,Modernizr是边缘案例的存储库.例如,对输入类型=范围的测试支持充满了危险.每次发明自定义测试是一种很好的方式来结束像UA嗅探一样脆弱的东西.人们之前已经使用HTML5表单输入测试完成了所有这些"如此简单"的检测现在已被破坏.免责声明:显然,我写的是Modernizr.:p (9认同)
公平地说,在gzip之后它有87到500字节的区别:) (3认同)

Answer 2

您只需选择"输入属性"并生成构建,就可以从modernizr获得所需内容