口碑网UED团队

Fiddler
一个很强大的http流查看工具
http://www.fiddlertool.com/fiddler/

Httpwatch
数据分析工具,头消息接受/发送的查看,POST数据查看.等等
http://www.httpwatch.com

IE Developer Toolsbar
IE下的FireBug.HTML及CSS调试工具
http://www.windowsmarketplace.com/details.aspx?itemid=2695980

Companion.JS
IE下的javascript调试工具.福音啊!福音啊!!福音啊!!!
http://www.my-debugbar.com/wiki/CompanioNJS/HomePage

FireBug
强的没话说了已经….如果你不知道这是什么….那我更没话说了….
https://addons.mozilla.org/en-US/firefox/addon/1843

Web Developer
FireFox下的查看工具,可以查看JS,CSS等页面信息
https://addons.mozilla.org/en-US/firefox/addon/60

YSlow
why slow?页面性能优化查看器.基于FireBug
http://developer.yahoo.com/yslow

Javascript Debugger
FireFox下的javascript调试工具,比FireBug有更强大的调试功能.
https://addons.mozilla.org/en-US/firefox/addon/216

Opera Developer Tools
Opera下的DOM,CSS查看工具,类似FireBug.
http://dev.opera.com/articles/view/opera-developer-tools/

webkit
Safari下的开发调试工具
http://nightly.webkit.org/

一个需求，通过传递的参数操作指定节点的父节点属性。
先取当前的href地址
通过&分割和正则取参数和值
在通过parentNote取上级节点

var _href = document.location.href;
_href = _href.split(”&”);
for(var i = 0;i<_href.length;i++){
var result = _href[i].match(/para/);    //para为要取参数的名字
if(result!=null){
result = result.split(”=”);
var curNode = documnet.getElementById(result[1]);
curNode.parentNode.style.display=”block”;
}
}