Web工程师的工具箱

xiong · 发表于 2017-10-3 16:11:33

本文出自Ivan Zuzak 的《The Web engineer’s online toolbox》，作者给了一个各种可以用来进行开发、测试、调试以及文档编排的在线工具集。我发现CSDN上已经有了这篇文章《Web工程师必备的18款工具》，但可惜的是这篇文章并不全（原文后来被更新到了33个工具），而且其中并没有包括原文评论中出现的所有工具，所以，我一并补全了更出来，一共40多个工具。
Web工程师在线工具箱
1.RequestBin：允许你创建一个URL，利用这款工具进行收集请求，然后通过个性化方式进行检查。
2.Hurl：发出HTTP请求，输入URL，设置标题，查看响应，最后分享给其他人。类似的工具有：REST test test,Apigee console.。
3.Httpbin：HTTP请求&响应服务，涵盖所有的HTTP方案（例如不同的HTTP verbs、状态代码和重定向）。类似工具：UrlEcho。
4.REDbot：这是一个机器人工具，帮助用户检查HTTP资源，可查看它的操作情况，指出常见的问题并提出改进。类似工具：HTTP lint。
5.WebGun：用于创建webhooks模板的API。类似工具：UrlReq。
6.Webscript  自选一个url，填一段Lua代码，就能对访问做各种respond，还可以主动运行任务，cron job等等…

7.ClickHooks 这是一个短网址服务，当用户访问了你的这个短网址跳转链接，服务器会通过HTTP POST的方式回调你的一个URL。这也是一种WebHooks方式。（陈皓注：所谓WebHooks，你可以理解为一种trigger，或是一种handler，比如当你你提交了代码，会调用某个URL链接以POST的方式告诉那个网站你提交了代码（如：发一个twitter 之类的，或是通知某个bug tracker系统））
8.MailHooks 让你可以通过HTTP POST方法收电子邮件（又叫WebHooks），你可以为你的一个邮件地址创建N多的hooks，当一个邮件收到了，可以把这个邮件以POST的方式发到你的某个URL上去。
9.Quilla 提供一个人们可以找到你的短网站服务，在那里，当人们提交到你的短网址上的请求会给你发邮件。好像是一种HTTP到SMTP的代理服务。
10.Apify：公开锁定在HTML文档没有任何API数据集。APIfy从结构标记中提取数据，并将其转换为JSON APIs。
11.Unicorn：W3C统一的验证程序，可在各种流行的HTML和CSS验证器中执行各种检查。类似工具：HTML lint。
12.JSONLint JSON 格式验证程序
13.Feed validator：支持W3C验证，为RSS和ATOM提供阅读源。
14.Link checker：从网站中提取链接（递归）并确保没有链接被定义为两次（重复定义），所有的链接被引用并警告HTTP重新定向。
15.Host tracker：通过分布式ping/跟踪检查、定期监测、邮件/SMS /IM通知和统计进行网站检测性服务。类似工具有：Down for everyone or just me, Pimgdom ping service
16.ViewDNS 一组 DNS 和网络工具，如：反向IP解析，DNS记录查询或traceroute之类的。
17.Necrohost  一个URL列表来模拟不同网络链接的问题，如：响应慢，无法解析DNS，或是404什么的。
18.Mirrorrr  一个可以用来镜像某网页的应用（经常被国人用来搞Web 代理来翻墙）。
19.SSL Checker  测试SSL认证
20.CSR/Cert decoder  对你的CSR和SSL认证decode检查。
21.Loadzen  Web压力测试工具（注：以前酷壳介绍过《十个Web压力测试工具》）
22.Pingdom Full page test：允许用户测试网页记载时间、分析、监控，发现瓶颈并导出HAR格式的结果。类似工具：Web page test。
23.Google PageSpeed Insights Analyzes the content of a web page, then generates suggestions to make that page faster.
24.HAR viewer：通过 HTTP 追踪工具创建可视化的HTTP Archive (HAR)日志文件。
25.CORS proxy：通常会由于相同的域而被阻止，而这款工具在网站上允许JavaScript代码访问其他域上的资源，
26.Browserling：支持使用所有主要浏览器以及各种版本进行交互式跨浏览器测试。
27.WebSocket Echo Test: 从浏览器定向到WebSocket echo服务器进行WebSocket连接测试。
28.YQL：极富表现力类似于SQL的语言，允许您查询、筛选和联接数据跨Web服务。
29.Webshell 使用命令行脚本的方式来调用一些Web API。
30.Yahoo Pipes：一个图形化的用户界面，用于创建数据混搭，生成聚合Web源，Web页面和其他服务。
31.Apiary：语言和工具用于生成REST API文档及进行交互式督查。类似工具：Swagger。
32.JSFiddle  一个在线的代码编辑可以让你编译一些HTML, CSS 和 JavaScript的东西，并演示之。相似工具: JSBin
33.Google Feed API 你可以使用这个API来查询有RSS Feed的网站 (example)，或是搜索有RSS Feed(example) ，或是把JSON变成一个JSON返回 (example)
未在列表的工具
1.Fiddler – 可能是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。.
2.960 grid system generator 和 CSS reset – 两个关注于Web站点设计的工具。
3.NuvolaBase – 一个可以共享个人私有数据的解决方案。正如作者所说，这不是一个开发工具。
4.Open exchange rates – 一个和汇率货币相关的JSON式的API。这样的API你可以到 Programmable Web 上查找。
5.Workflowy, LastCalc, Codepad, Mailinator and 10MinuteMail, one timesecret and CopyPasteCharacter – 这些App似乎和Web开发没什么关系。
6.Browsershots – 一个用来测试网页在不同平台下的工具。（参看）
7.Scriptular and Rubular – 正则表达式工具，这样的工具太多了，如： ReFiddle, Regex pal and Txt2Re。
文章来源：酷壳

		自动登录	找回密码
密码			立即注册

Web工程师的工具箱

浏览过的版块