modernizr.custom.js 插件是干什么用的

JavaScript074

modernizr.custom.js 插件是干什么用的,第1张

Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。当你在网页中嵌入Modernizr的脚本时,它会检测当前浏览器是否支持CSS3的特性,比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等,同时也会检测是否支持HTML5的 特性——比如audio、video、本地储存、和新的 <input>标签的类型和属性等。在获取到这些信息的基础上,你可以在那些支持这些功能的浏览器上使用它们,来决定是否创建一个基于JS的 fallback,或者对那些不支持的浏览器进行简单的优雅降级。另外,Modernizr还可以令IE支持对HTML5的元素应用CSS样式,这样开发者就可以立即使用这些更富有语义化的标签了。

.user.js 像这种后缀名的脚油猴脚本,如果已经安装有Greasemonkey扩展,可以上userscripts.org或greasyfork.org等网站直接安装,如果是本地文件.user.js ,可以把火狐最小化,把.user.js 文件拖拽到浏览器地址栏进行安装,安装完最好重启火狐一下看效果。全部安装正常后,把user.js文件直接在firefox里面打开,就可以编辑了。

使用js开发的IE插件可以在当前浏览的页面中执行js代码,在此基础上实现任何用户可以想到的功能。

可以针对不用的网站做一些common处理(比如提取某类信息),也可以针对特定网站做特色处理(比如抢购火车票)。

实现这种插件方法比较简单,只需拷贝几个文件,修改一个注册表值即可。所以比较适合快速实现一些浏览器或者网站辅助功能。

实现步骤:

1.创建实现具体功能的html文件

//文件名称:getticketslist.html

//文件内容:

<script language="JavaScript">

var args = external.menuArguments

var doc = args.document

var cframe = doc.CONTENTS_IFRAME

if (cframe &&cframe.document) {

doc = cframe.document//获取当前页面的document元素

//TODO:从document中获取ticket list元素并做相应处理

}

</script>

2.创建注册表文件

//文件名称:getticketslist.reg

//文件内容:文件中的CLSID可以任意修改,唯一即可

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Extensions\{878EC0C9-AAAD-4331-9B3A-2D8BA93AEAD2}]

"CLSID"="{2FBA04EE-3024-11D2-8F1F-0000F87ABD16}"

"Default Visible"="Yes"

"Script"="c:\\getticketslist.html"

"MenuText"="处理tickets"

3.将html文件拷贝到reg文件中指定的路径(如c:\getticketslist.html)

4.运行getticketslist.reg,修改注册表

5.重启IE,在菜单【工具】中可以看到刚才添加的功能"处理tickets",点击执行