18个有用的web开发设计工具|web工程师必备品

俗话说的好！工欲善其事，必先利其器。好的武器才能打胜仗！搞IT也是一样的。

今天看到 Ivan Zuzak 特别为大家整理了一份Web工程师在线工具集，旨在帮助开发者利用这些工具来进行开发、测试、调试以及文档编排。在此，25学堂感谢Ivan Zuzak为web事业做出的一点点的贡献！同时谢谢技术的分享！下面的18个有用的在线web开发设计工具是Zuzak曾使用过的或是正在使用的，其中RequestBin和Hurl是他强烈推荐的两款。当然，本文涉及到这些工具也许并不全面，如果你有新的或者更好的工具，欢迎在评论里列出。记得哦！ 亲 O(∩_∩)~

18个有用的web开发设计工具如下：

RequestBin：允许你创建一个URL，利用这款工具进行收集请求，然后通过个性化方式进行检查。

Hurl：发出HTTP请求，输入URL，设置标题，查看响应，最后分享给其他人。类似的工具有：REST test test, Apigee console.。

Httpbin：HTTP请求&响应服务，涵盖所有的HTTP方案（例如不同的HTTP verbs、状态代码和重定向）。类似工具：UrlEcho。

REDbot：这是一款智能工具，帮助用户检查HTTP资源，可查看它的操作情况，指出常见的问题并提出改进。类似工具：HTTP lint。

WebGun：用于创建webhooks模板的API。类似工具：UrlReq。

Apify：公开锁定在HTML文档没有任何API数据集。APIfy从结构标记中提取数据，并将其转换为JSON APIs。

Unicorn：W3C统一的验证程序，可在各种流行的HTML和CSS验证器中执行各种检查。类似工具：HTML lint。

Feed validator：支持W3C验证，为RSS和ATOM提供阅读源。

Link checker：从网站中提取链接（递归）并确保没有链接被定义为两次（重复定义），所有的链接被引用并警告HTTP重新定向。

Host tracker：通过分布式ping/跟踪检查、定期监测、邮件/SMS /IM通知和统计进行网站检测性服务。类似工具有：Down for everyone or just me, Pimgdom ping service

Pingdom Full page test：允许用户测试网页记载时间、分析、监控，发现瓶颈并导出HAR格式的结果。类似工具：Web page test。

HAR viewer：通过 HTTP 追踪工具创建可视化的HTTP Archive (HAR)日志文件。

CORS proxy：通常会由于相同的域而被阻止，而这款工具在网站上允许JavaScript代码访问其他域上的资源，

Browserling：支持使用所有主要浏览器以及各种版本进行交互式跨浏览器测试。

WebSocket Echo Test: 从浏览器定向到WebSocket echo服务器进行WebSocket连接测试。

YQL：极富表现力类似于SQL的语言，允许您查询、筛选和联接数据跨Web服务。

Yahoo Pipes：一个图形化的用户界面，用于创建数据混搭，生成聚合Web源，Web页面和其他服务。

Apiary：语言和工具用于生成REST API文档及进行交互式督查。类似工具：Swagger。

看完这个18个在线web开发设计工具，有何感想啊？ 自己都用过这些吗？呵呵

没用过没关系，今天你在25学堂上面学到了，就从今天开始，慢慢的去尝试用这些web开发设计工具，提高我们的工作效率！fighting！