15 个开发者必备的Web开发工具!

Web开发不是一件轻松的任务,开发者需要做很多的事情来确保网站运行正常、高效...

本文介绍15个非常优秀的每个web开发者都应该拥有的工具,列表如下:

1. Firebug

Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。

firebug-splash

2. GIMP

GIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能,号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了许多绘图爱好 者的喜爱,它的接口相当轻巧,但其功能却不输于专业的绘图软件;它提供了各种的影像处理工具、滤镜,还有许多的组件模块,对于要制作一个又酷又炫的网页按 钮或网站Logo来说是一个非常方便好用的绘图软件,因为它也提供了许多的组件模块,你只要稍加修改一下,便可制作出一个属于你的网页按钮或网站 Logo。

Gimp

3. FileZilla (Portable)

FileZilla是一种快速、可信赖的FTP客户端以及服务器端开放源代码程式,具有多种特色、直觉的接口。

filezillaportable

4. Color Cop

Color Cop是个非常优秀的多目标的颜色提取器,对开发者和设计师很有帮助。该工具非常简单、易用。

colorcop

5. Webbo

Webbo 是一个免费、开源的轻量级的 Web 开发工具,支持 Windows 系统。主要特性包括:灵活编辑、支持多种 Web 编程语言和服务器端技术、即时的页面和服务器预览等。

Webbo

6. Web Developer Toolbar

Web Developer Toolbar 是个必须有的Firefox插件!他提供开发者一组工具,来帮助管理HTML和CSS。

web developer toolbar

7. Fiddler

Fiddler是一个http调试代理,它能 够记录所有的你电脑和互联网之间的http通讯,Fiddler 可以也可以让你检查所有的http通讯,设置断点,以及Fiddle 所有的“进出”的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。 Fiddler 要比其他的网络调试器要更加简单,因为它仅仅暴露http通讯还有提供一个用户友好的格式。

Fiddler 包含一个简单却功能强大的基于JScript .NET 事件脚本子系统,他非常灵活性非常棒,可以支持众多的http调试任务。Fiddler 是用C#写出来的。

fiddler

8. Notepad++

Notepad++ 是一款非常有特色的编辑器,是开源软件,可以免费使用。

notepad

9. Xenu

Xenu 是一款深受业界好评,并被广泛使用的死链接检测工具。  时常检测网站并排除死链接,对网站的 SEO 非常重要,因为大量死链接存在会降低用户和搜索引擎对网站的信任。

xenu

10. XDebug

xdebug是一个开源的php调试器,以php模块的形式加载并被使用。

xdebug

11. BrowserShots

Browsershots 是个很好用的,开发者必须安装的工具。它可以让你检测不同浏览器下网页的样式,即浏览器兼容性检测工具。

browsershots

12. Pingdom Tools

Pingdom tools 帮助开发者找出在不同的互联网连接的速度,并找出速度慢的瓶颈。

pingdom

13. Pixlr

Pixlr 是一个功能非常强大的 FireFox 的页面拷贝插件,并有相当能力的编辑功能。

pixlr

14. WC3 Markup Validation Service

该验证工具支持的格式包括HTML, XHTML, SMIL, MathML等的有效性验证,如果你想验证特定的内容,比如RSS/Atom 种子或者 CSS样式,MobileOK 内容或者找到坏链接。

wc3-validation-service

15. ProCSSor

ProCSSor 是个强大、免费的CSS美化工具,帮你格式化CSS,将你的CSS转化成一些更佳的形式。

procssor

原文:http://smashinghub.com/15-free-web-development-tools.htm


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ePage是新一代的可视化1:1网页及App设计利器,与主流的VS以及eclipse是一个层面的开发工具。ePage在兼具高效的研发生产速度的同时还保证了开放性,方便将传统的JS代码移植到新的系统中。 ◆ 网页开发环境真正做到了1:1的所见即所得,目前主流的开发平台eclipse,vs,dreamweaver等都无法做到这一点。 ◆ 对代码和页面的树状统筹管理,可是轻松的实现2000+页面的超大型项目设计开发和维护。 ◆ “事务集”概念的提出,在网页设计领域首次利用JS统一了前后端代码,同时对事务集进行统筹管理,应付前后台代码衔接轻松自如。 ◆ 兼容各种型号手机及浏览器统一解决方案,从可视化开发环境到部署发布一键完成 ◆ 前后台代码统一集成化设计,前后台代码全部统一采用JavascriptV8,开发者无需使用多种编程语言进行前后台设计 ◆ 高度集成化的同时提供了开放可扩展的开发环境,代码继承性和可维护性极强 ◆ 开发神速,极大的降低了企业开发App以及互联网应用的投入 ◆ 高稳定性,即使入门级水平的程序员也可以写出高质量高稳定性的应用系统 ePage是通用页面设计工具领域的一次重大革新,比传统设计平台开发效率提高10倍以上,同时页面质量和稳定性维护性也得到了极大提高。 本下载包为绿色免费版,展开即可运行,内含: 1. ePage集成开发环境 2. eEngine网页服务器系统,包含32位及64位版本 3. 范例及美术资源 4. 一个完整的小型电商系统源代码 5. 皮肤资源 6. 日志查看器软件 7. 用户使用指南,编程参考手册等文档 ePage应用领域:网页设计,网页开发,后台设计,App设计,网站开发,网站设计,网页开发工具,可视化网页开发工具,页面设计开发工具 0.41版本更新日志 2017年8月10日: ePage:增加代码提示器的显示宽度和滚动条,完善了代码提示器js代码的帮助内容 2017年8月10日: ePage:代码自动完成功能,自动填写代码后光标不能驻留在第一个括号出现的位置 2017年8月10日: ePage:代码编辑器增加(){}[]代码部分的自动标记功能,方便程序员匹配括号 2017年8月9日: 版本升至V0.41 2017年8月9日: ePage:代码编辑器滚动过程中强制显示光标 2017年8月9日: ePage:代码提示在注释区域和字符串区域内不显示 2017年8月9日: ePage:代码编辑器backspace按键增加自动缩进功能 2017年8月9日: ePage:代码编辑器对于tab的处理,改为屏幕4格的栅格对位模式 2017年8月8日: ePage:代码编辑器增加Ctrl+Home跳到代码头部,Ctrl+End跳到代码尾部功能 2017年8月8日: ePage:修改了代码提示器显示在屏幕下方超界问题。优化了代码提示器右侧提示窗口的格式。 2017年8月8日: ePage:增加代码首字母的代码提示功能,并增强了代码自动完成的代码复杂度 2017年8月8日: ePage:优化了代码编辑器右侧垂直滚动条拖动动画 2017年8月7日: ePage:全面优化的代码编辑器的滚动效果 2017年8月7日: ePage:代码标记位置的背景颜色改浅了一些 2017年8月7日: ePage:集成界面增加3个快捷图标;全文标记当前光标位置处字符串功能增加全字匹配以及无搜索结果不标记功能。 2017年8月6日: ePage:代码编辑器增加功能:全文标记当前光标处的文字 2017年8月6日: ePage:增加ctrl+/智能代码注释和删除注释功能 2017年8月5日: ePage:ctrl+/代码注释功能 2017年8月4日: ePage:初步完成单页代码的搜索和替换功能 2017年8月2日: ePage:完成replace all功能 2017年8月2日: ePage:搜索增加全字匹配功能 2017年7月30日: ePage: codeInsight功能在前方有汉字的情况下工作不正常 2017年7月27日: eEngine:layout.heavy属性在出现浮点数的情况下系统处理异常 2017年7月27日: ePage,eEngine:增加ee.getQueryString函数 2017年7月25日: eEngine: 增加把note字段内容写入网页控件的.panel属性中 2017年7月21日: ePage:优化了代码编辑器的效率,界面更流畅 2017年7月20日: eEngine:bug某些情况下跨域访问会被禁止 2017年7月14日: ePage:增加代码签名 2017年7月13日: ePage:codeInsight功能改造完成,版本升级为V0.39 2017年7月12日: ePage:codeIns
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值