介绍一个Web开发书签工具网站:www.squarefree.com/bookmarklets

Jesse's Bookmarklets Site上有许多免费Web开发书签工具,使用这些工具的步骤很简单:
1,将bookmarklet拖到你的书签工具栏(或者在书签上右键 -> 添加到收藏夹)
2,当你浏览一个页面,想使用某个bookmarklet工具时,点击你的书签工具栏(或收藏夹)里的bookmarklet即可!

有许多非常有意思的bookmarklet小工具,如:
JavaScript Shell
*可以JavaScript访问当前页面
*可以使用Tab键做JavaScript代码补全
*使用Shift+Enter多行输入,使用Enter执行代码
*上、下键浏览输入历史
*输入方法名和类名可以查看源码帮助
真的是非常的cool!

test styles
可以通过输入CSS rules来实时查看当前页面的css效果,比如我们输入如下CSS规则:
a
{  
  text-decoration: line-through; 
  color: blue; 
}

我们会发现当前访问页面的所有链接都变成蓝色而且有中划线,而且都不用刷新页面,这个小工具拿来做CSS调试真是太cool了哦!

remove maxlength工具可以去掉textbox的maxLength限制
show hiddens工具可以显示隐藏表单域
view passwords工具可以显示password域的内容

还有许多非常有意思也很实用的书签工具,就不一一介绍了,赶紧试一下吧!

BTW: 这些插件一般都支持Firefox,有的支持IE/Netscape 4/Opera,不过做Web应用使用Firefox开发应该普及了吧

你可能感兴趣的:(JavaScript,Web,css,IE,firefox)