今日提示:网站收录、自媒体推广、建站学习与休闲,请认准小金子;本平台基于反向链接实时更新,每日打卡(从您网站点入),均将自动排到首页及目录页第一名!
点此一键登录提交您的网站»  首页 > IT互联网 > 建站资源 > 站长常用工具 > Modernizr/no-js工具

网站概况

网站名称Modernizr/no-js工具
分享会员admin累计展示402
热 力 值(36)更新日期2020/8/13
世界排名Alexa排名:101480(101480)网友点赞1(人)【点评】
网址地址https://modernizr.com  进入网站(温馨提示:请打开网址,谨慎核对)
扩展阅读查看同类相似的网站»  百度一下»
网站简介欢迎您使用Modernizr/no-js工具!

 
免责申明:小金子目录(www.xiaojinzi.com)网站平台只供站长提交展示所用,本站所展示资料仅供您参考,真伪请自行辨别。如果您发现本平台所展示网站(资料)不实或过期,请及时联系我们更新,衷心感谢您!

网站简介

最新入驻建站资源类网站 建站资源目录最新收录:我爱模板网

㊛°°㊊

㊛°°㊊

欢迎您使用Modernizr/no-js工具!

缘起

制作网站很多时候都会参考别人的代码,今天无意中发现别人的网站html里面加入了一个类名 no-js,即 《html class= "no-js"》 很好奇,就想着去了解下。

原来这个 no-js 是配合 Modernizr 一起使用的类名(class)

 《!DOCTYPE html》
 《html class= "no-js"》
 《head》
  《script src="modernizr.js"》《/script》
 《/head》
 《body》
 《/body》
 《/html》

Modernizr 是一个 javascript 库,检查你的游览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 《html》 并 替换掉原来的 .no-js(简单来说,Modernizr 就是一个CSS3/HTML5 的测试器,你需要测试什么,这可以到它的官方网站配置,选择自己需要测试的元素)。

还有让你的游览器支持 HTML5 中的新的标签,例如:《nav》, 《header》, 《footer》 和 《figure》

Modernizr 官方网站:http://modernizr.com/

What is Modernizr?

It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user.

Why do I need it?

All web developers come up against differences between browsers and devices. That’s largely due to different feature sets: the latest versions of the popular browsers can do some awesome things which older browsers can’t – but we still have to support the older ones.

Modernizr makes it easy to deliver tiered experiences: make use of the latest and greatest features in browsers which support them, without leaving less fortunate users high and dry.

开始使用Modernizr

第一次我听到Modernizr的时候,我以为它的意思是modernized,可以在旧版本浏览器上添加一些HTML5/CSS3的新特性。事实上,Modernizr不是干这个的,它是帮助我们提高开发实践的,使用一个非常时髦的方法来帮助探测浏览器是否支持某种新特性,甚至可以加载额外的script脚本。如果你是一个web开发人员的话,那对你来说它就是一件很牛逼的兵器。

Modernizr官方站点:http://modernizr.com,2个类型的脚本你都可以使用(开发版和自定义的生产版本)。网站提供了一个自定义需求的工具来生成仅仅你需要的探测功能,而不是一个什么都可以探测的大而全的版本,就是说你可以让你的脚本最小化。

你可以访问(http://html5boilerplate.com)站点查看HTML5 Boilerplate相关的内容,或者(http://initializr.com)查看Initializr相关的内容,添加no-js class到html元素下,是告诉浏览器是否支持JavaScript,如果不支持就显示no-js,如果支持就把no-js删掉。

如果你正在使用最新的HTML5/CSS3来构建你的程序,Modernizr绝对是一个必需的工具。使用它你可以节约很多代码以及测试工作量,甚至可以对一些不支持新特性的浏览器通过额外加载脚本的形式来实现相应的新特性。

收录动态
2020年8月13日,《Modernizr/no-js工具》被小金子目录成功收录至站长常用工具目录(建站资源)
请您关注:各类优秀网站的大本营

网站标签:HTML5  CSS3  


特别提醒您,本资料由本站会员admin提供。
如需转载,请注明出处,资料来源小金子分类目录:https://www.xiaojinzi.com/net/m1258926com.
《Modernizr/no-js工具》感谢您的支持!

»如果您觉得'Modernizr/no-js工具'相关资料不全,请点此协作更新!
轻轻踩一下0
赞一下,顶到首页!1
*温馨提示:顶到小金子分类目录首页及目录展示页,分享给更多网友!

网站排名

Modernizr/no-js工具的Alexa网站世界排名图
图示:《Modernizr/no-js工具》的Alexa世界排名
Alexa排名是指网站的世界排名,Alexa覆盖全球网站,提供了包括网站的综合排名、到访量排名、页面访问量排名等多个评价指标信息,是当前主流的较为权威的网站访问量评价指标。

网友评论区(402人围观)

抢首评!所有评论均需人工审核后,方可显示;您的评论将给其他网友提供参考,请认真填写评论内容,感谢您的分享!
评论
1楼 本站特约评论员 [*.*.*.*] 发表于 2020年08月13日 08:45
欢迎您使用Modernizr/no-js工具!Modernizr 是一个 javascript 库,检查你的游览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 《html》 并 替换掉原来的 .no-js(简单来说,Modernizr 就是一个CSS3/HTML5 的测试器,你需要测试什么,这可以到它的官方网站配置,选择自己需要测试的元素)。

  评论提示:欢迎您第一个就此网站发表评论! 欢迎您给我们留言。网络评论,也要认真哟!一言一行彰显您的素质,请文明评论!


您的姓名: * 可选项
评论内容:
剩余字数:  * 按 Ctrl + Enter 发送.
           
*小金子分类目录提醒您:评论需审核后方可显示,请勿重复评论;本站资料为网上信息,仅供参考,请大家自辩真伪。
本页为您展示的是:《Modernizr/no-js工具》。欢迎您使用Modernizr/no-js工具!小金子分类目录为您精心整理分享《Modernizr/no-js工具》相关的资料,祝您使用愉快!小金子分类目录每天都有大量的优秀网站加入,您不仅可以在这里免费查询网站资料、学习各类建站知识,还可以免费发布您的网站,想提交您的网站给小金子目录收录吗?赶紧免费注册(或一键登录)提交吧!

大家在看

收录优选: