2007-07-17

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

关键字: JavaScript CSS
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开发应该普及了吧
评论
birdjavaeye 2007-07-18
可惜这个shell和那个jsenv都不支持ie
birdjavaeye 2007-07-18
不错，但看上去不如firebug功能强大
hideto
搜索本博客
我的相册
A6bdc31c-c66e-468e-961e-9cc721e82adc-thumb
screenshot
共 1 张
存档
最新评论