做web开发总要有点像样的工具,下面就介绍一下我用到的工具。
1.当然是浏览器,由于ie对插件的支持不好,而且对w3c的标准也支持不好。所以做web开发还是选择firfox吧。不过话说回来,国内目前ie浏览器的市场仍然占据绝对优势,所以在FF(firfox)中调试好的网页最好还是在拿回ie瞅瞅。
2.接下来就是FF的各种插件啦,他们可都是我的好帮手。
首先要说的是firebug,相信很多人都对他都很熟悉了。可以说是我见过的最好用的html、css和js调试工具了。提供了点选功能,可以很方便的查看网页上各个元素的css样式,并可以时时更改。js方面可以在js的控制台里面可以显示js的log,在应用中使用log4js产生日志就可以在这里看见了,可给js代码设置断点进行调试。还有一个script视图,可以查看当前页面的js对象。在net视图里面则可以看到各种资源加载的时间,方便性能调试。官方网站http://www.getfirebug.com/。firebug 还有一个插件YSlow(插件的插件?^_^) 是基于一下14条提高效率的原则来评价你的网页http://www.yahooapis.com/performance/index.html#rules YSlow的下载地址http://www.yahooapis.com/yslow/
3.ColorZilla 颜色拾取器,不用多说,就是可以快速的获取web页面上颜色的rgb十六进制,方便web设计,看见别人的网站颜色好看,直接一点拿来己用,咔咔。还可方便的缩放页面。下载地址http://www.iosart.com/firefox/colorzilla/
4.fasterfox 其实这个是个fiefox的性能优化器,不过它还可以计算网页整体的加载时间和清除ff的缓存。用来消除缓存的影响还是很有用地。地址: http://fasterfox.mozdev.org/
5.说到缓存,下面这个可以查看ff的缓存并可进行搜索和排序 CacheViewer 地址:https://addons.mozilla.org/en-US/firefox/addon/2489
6.IE Tab 可以在ff使用ie核心打开标签页,地址:https://addons.mozilla.org/en-US/firefox/addon/1419