免费屋·免费资源·免费经验分享中心

有没有想过在浏览器上进行网页的开发？现在WEB开发工具的使用已经非常普及，如果想要更方便于开发的话，不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。
1.Firebug

Firebug是一款基于Firefox的浏览器扩展组件，它集成了网页CSS ，文档对象模型（ DOM ）和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划，如果你侧重于JavaScript调试，那么它是你不错的选择。
比如你可以方便的使用alert()进行断点调试，从而准确定位语法错误位置。另外可以帮助你利用DOM技术准确测试ajax代码的缺陷。
2.Web Developer

Web Develop是一款基于Firefox和SeaMonkey浏览器的扩展插件，它最大的特点是可以在菜单栏生成CSS选项，可以帮助你查看该网页CSS文件内容，方便保存及列表方式修改，是款不错的CSS开发工具。
3.YSlow

Yslow是一款由雅虎开发的Firefox扩展插件，并且可以与Firebug集成使用。本插件可以帮助你对网页进行优化，从而提高网页的加载速度。通过逐项分析网页中的js脚本、CSS、图像质量从而提出瓶颈部位，帮助你对其进行优化。
4.Internet Explorer Web Developer Toolbar

顾名思义，是一款由微软开发的IE扩展工具，功能与Firebug比较类似，最大的亮点在于可以针对不同的IE设置测试当前网页的显示效果，方便开发者调整在各种IE设置环境下网页的显示效果。
5.Fiddler Web Debugger

Fiddler是一款IE扩展插件，最大的特色在于网页显示性能分析及安全性分析。
6.DebugBar

DebugBar是一款基于IE的扩展插件，最大的特色在于可以通过电子邮件自动发送当前网页的截图到指定的邮箱，集成了色彩提取器及DCOM javascript代码分析功能于一身。
7.HttpWatch

一款基于IE、Firefox的扩展插件，侧重于HTTPS以及XML方面的分析及开发工作。
下面几款就不一一介绍了，功能大同小异，你可以到官方站去了解更详细的信息，找到适合自己使用的一款：
8.Live HTTP Headers

9.Web Accessibility Toolbar

10.Fangs

11.Venkman JavaScript Debugger

12.ColorZilla

13.FireShot

14.Web Inspector

15.FireFTP

Mashable 搜集的最新 Web 开发工具箱，包括拖放式 Web 程序创建工具，代码库，项目管理，测试程序，以及支持各种编程语言的框架，从 Ajax 到 Ruby 到 Python。希望对您有帮助。
Web 程序创建类
 
DreamFace – 一个用来创建个性化 Web 程序的框架。
Organic Incentive – 以拖放式界面创建 Web 饰件
dbFLEX – 商务程序开发平台。
app2you – 在线创建与定制 Web 程序。
Qrimp – 一个便宜的数据库平台，基于你周围的数据(如 Excel)创建应用程序。
 
 
Lightspoke – 拖放式程序创建工具，动态过滤，排序，真正的关系数据库后台。
Tersus – 可视化程序创建工具，无需编写代码。
Qt – 跨平台应用程序框架，可以同时开发应用与界面。
代码库与代码搜索
 
 
byteMyCode – 代码搜索
Snipplr – 帮你存储，管理所有代码片段。
ErrorKey – 错误代码搜索引擎。
findJAR.com – JAR 文件搜索
github – 代码库，既支持公共代码，又支持私人代码，私人代码通过 SSH 以及 SSL 访问。
 
 
merobase – 搜索组件。
Codebase – 代码库，技术支持与安装部署跟踪程序。
CONFiles [...]

初学者资源： 
YAML Builder – 简单易用的 YAML (Yet Another Multicolumn Layout – 做栏布局)XHTML/CSS 站点布局
Sky CSS Tool – JavaScript CSS 工具
The Box Office – 文字围绕图片的 CSS 格式工具
CSSTXT – 在线 CSS 文字式样生成器
 
 
izzyMenu.com – 免费 CSS 菜单
pForm – HTML 表单生成工具
Roxer – 拖放式网站设计工具
Wirenode – 创建移动站点
doodlekit – 在线网站设计及 CMS 系统，含表单生成器，Paypal 构物车，可互换的布局与图片，内置图片库
 
 
dotemplate – 可定制的网站模板
templatr – 创建网站模板的在线工具
Agency of Record – 面向创意设计者的网站设计与托管平台。
Typechart – 字样与 CSS [...]