前端工程师必备的在线工具箱

jopen 11年前

  Web 工程师 Ivan Zuzak 近日在博客中列出了一份基于 Web 的开发工具清单,涉及应用程序的开发、测试、调试和文档编写。

  这些工具都是 Ivan 本人所用过的,或者是正在使用的,并符合以下特征:

  • 基于 Web,无需你去扩展或托管
  • 免费使用,或提供某种免费计划
  • 通用,而非只适用于特定的平台
  • 对 Web 工程师非常实用,不止针对网站设计

  这些工具包括:

  1.   RequestBin

  你可以创建一个 URL,然后通过 RequestBin 收集针对该 URL 的请求,然后通过一个非常友好的方式来查看这些请求。

  2.   Hurl

  输入一个 URL,设置 header,然后查看响应。类似工具:REST test testApigee console

  3.   httpbin

  一个 HTTP 请求和响应服务,涵盖所有类型的 HTTP 场景,如不同的 HTTP 动词、状态码、重定向等。类似工具:UrlEcho

  4.   REDbot

  一个用于检测 HTTP 资源的自动化工作,可以帮助你找出常见问题,并提出改进建议。类似工具:HTTP lint

  5.   WebGun

  用于创建模板化 webhooks 的 API,帮助你轻松管理、提交、跟踪 webhooks。类似工具:UrlReq.

  6.   Apify

  可以将现有 HTML 网站或 wiki 页面中的数据转换成 JSON API 形式。

  7.   Unicorn

  W3C 统一验证工具,可以执行针对 HTML 和 CSS 的各种检测。类似工具:HTML lint

  8.   Feed validator

  W3C 的 RSS/ATOM 订阅语法检测工具。

  9.   Link checker

  从网站中提取链接,并检查是否存在重复定义或重定向问题。

  10.   Host tracker

  网站监测工具,功能包括分布式 ping/trace 检测、定期监测、Email/SMS/IM 通知、统计等。类似工具:Down for everyone or just mePimgdom ping service.

  11.   Pingdom Full page test

  测试网页的加载时间,并通过分析、监控,找出瓶颈,支持以 HAR 格式导出结果。类似工具:Web page test

  12.   HAR viewer

  可以使 HTTP 跟踪工具生成的 HAR 日志文件更加直观化。

  13.   CORS proxy

  允许你网站中的 JavaScript 代码访问其他域中的资源。通常,由于同源策略,此行为会被阻止。

  14.   Browserling

  允许在一个浏览器中测试你的应用程序在所有主流浏览器中的表现。

  15.   WebSocket Echo Test

  通过 WebSocket Echo 服务器,允许你在浏览器中测试 WebSocket 连接。

  16.   YQL

  一个类 SQL 语言,允许你跨 Web 服务查询、过滤、添加数据。

  17.   Yahoo Pipes

  雅虎的 Feed 再聚合工具,可以通过可视化的操作,将多个 Feed 源聚合在一起。

  18.   Apiary

  用于生成 REST API 文档的工具。类似工具:Swagger

来自: www.iteye.com