Web 工程师必备的 18 款工具

标签: 综合新闻 | 发表时间:2012-12-11 13:41 | 作者:
出处:http://www.oschina.net/?from=rss

工欲善其事,必先利其器。本文作者 Ivan Zuzak整理了一份Web工程师在线工具集,旨在帮助开发者利用这些工具来进行开发、测试、调试以及文档编排。

Zuzak认为收集的这些工具前提在于:

  • 必须是一个灵活的Web应用程序(无扩展或者必须拥有自己的应用程序)
  • 免费使用(提供某种可用的免费计划)
  • 广泛的适用性(不只为特定的应用/平台)
  • 对Web工程师来说必须是有用的(不仅仅是针对Web网站设计)

本中所例举的这些版本都是Zuzak曾使用过的或是正在使用的,其中 RequestBinHurl是他强烈推荐的两款。当然,本文涉及到这些工具也许并不全面,如果你有新的或者更好的工具,欢迎在评论里列出。

Web工程师在线工具箱:

  1. RequestBin 允许你创建一个URL,利用这款工具进行收集请求,然后通过个性化方式进行检查。
  2. Hurl 发出HTTP请求,输入URL,设置标题,查看响应,最后分享给其他人。类似的工具有: REST test testApigee console.。
  3. Httpbin HTTP请求&响应服务,涵盖所有的HTTP方案(例如不同的HTTP verbs、状态代码和重定向)。类似工具: UrlEcho
  4. REDbot 这是一款智能工具,帮助用户检查HTTP资源,可查看它的操作情况,指出常见的问题并提出改进。类似工具: HTTP lint
  5. WebGun 用于创建webhooks模板的API。类似工具: UrlReq
  6. Apify 公开锁定在HTML文档没有任何API数据集。APIfy从结构标记中提取数据,并将其转换为JSON APIs。
  7. Unicorn W3C统一的验证程序,可在各种流行的HTML和CSS验证器中执行各种检查。类似工具: HTML lint
  8. Feed validator 支持W3C验证,为RSS和ATOM提供阅读源。
  9. Link checker 从网站中提取链接(递归)并确保没有链接被定义为两次(重复定义),所有的链接被引用并警告HTTP重新定向。
  10. Host tracker 通过分布式ping/跟踪检查、定期监测、邮件/SMS /IM通知和统计进行网站检测性服务。类似工具有: Down for everyone or just mePimgdom ping service
  11. Pingdom Full page test 允许用户测试网页记载时间、分析、监控,发现瓶颈并导出HAR格式的结果。类似工具: Web page test
  12. HAR viewer 通过 HTTP 追踪工具创建可视化的HTTP Archive (HAR)日志文件。
  13. CORS proxy 通常会由于相同的域而被阻止,而这款工具在网站上允许JavaScript代码访问其他域上的资源,
  14. Browserling 支持使用所有主要浏览器以及各种版本进行交互式跨浏览器测试。
  15. WebSocket Echo Test : 从浏览器定向到WebSocket echo服务器进行WebSocket连接测试。
  16. YQL 极富表现力类似于SQL的语言,允许您查询、筛选和联接数据跨Web服务。
  17. Yahoo Pipes 一个图形化的用户界面,用于创建数据混搭,生成聚合Web源,Web页面和其他服务。
  18. Apiary 语言和工具用于生成REST API文档及进行交互式督查。类似工具: Swagger

英文出自: Ivanzuzak

相关 [web 工程师 工具] 推荐:

Web 工程师必备的 18 款工具

- - 开源中国社区最新新闻
本文作者 Ivan Zuzak整理了一份Web工程师在线工具集,旨在帮助开发者利用这些工具来进行开发、测试、调试以及文档编排. Zuzak认为收集的这些工具前提在于:. 必须是一个灵活的Web应用程序(无扩展或者必须拥有自己的应用程序). 免费使用(提供某种可用的免费计划). 广泛的适用性(不只为特定的应用/平台).

Mobile Web调试工具Weinre

- - 移动开发 - ITeye博客
现在、将来,用移动设备上网越来越成为主流. 但对于开发者们来说,移动web的调试一直是个难题,前期可以使用模拟器来协助调试,但到了真机调试阶段就让人非常头痛. 而Weinre就是解决这难题的利器.   Weinre的本意是Web Inspector Remote,它是一种远程调试工具. 功能与Firebug、Webkit inspector类似,可以帮助我们即时更改页面元素、样式,调试JS等,下面就简单介绍下如何使用.

如何成为一名优秀的web前端工程师

- - 博客 - 伯乐在线
程序设计之道无远弗届,御晨风而返. 我所遇到的前端 程序员分两种:. 第一种一直在问:如何学习前端. 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问: 如何做一名优秀、甚至卓越的WEB前端工程师. 前端工程师,也叫Web前端开发工程师. 他是随着web发展,细分出来的行业. Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript.

web前端研发工程师编程能力成长之路 [转]

- han - 博客园-首页原创精华区
如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;. 如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;. 如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;. WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间.

Web前端开发工程师必读的15个设计博客

- abcd - 博客园-首页原创精华区
  Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处. 本文向大家推荐15个非常不错的设计博客. Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5、CSS、JavaScript、Photoshop、Wordpress、壁纸和网站可用性.

『Google发布移动Web性能工具PCAP Web Performance Analyzer』

- - jackyrong
最近,Google的Page Speed团队一直在关注如何更好的优化移动Web应用性能. 虽然我们拥有类似Firebug、Page Speed、YSlow!和Chrome/Safari Developer Tools等优秀工具,但是移动浏览器缺少这样的性能分析利器. 为此,Page Speed团队发布了一个分析移动浏览器网络信息的工具——PCAP Web Performance Analyzer.

Web调试工具 Fiddler 教程

- - 互联网旁观者
Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助. Fiddler的基本介绍. Fiddler的官方网站:  www.fiddler2.com.

redmon:Redis监控管理Web工具

- - NoSQLFan
redmon是那种一眼看上去就觉得不错的小工具,而且必然会很轻量级,目前它已经支持实时查看 Redis的流量,请求,配置信息,命令行操作等功能,后续还将添加Web端配置修改,慢日志查询等功能. 如果有兴趣,你可以去下载一个试玩一下. 下载: https://github.com/steelThread/redmon.

Web项目管理工具精选

- - 行业应用 - ITeye博客
以前各种开源项目的代码都是通过博客和个人网页来发布的. 这种分享方式并不是最容易的一种,也不便于他人对代码做出贡献. 下面是几个管理项目代码的工具,不管对于个人开发者还是团队开发者来说,它们都是非常好用的. GitHub,也就是Git版本控制系统,采用一种优雅的方式来管理项目代码. 比起Subversion,Git要更加经济划算,对于新手来说安装过程也更加简单.

Chaperone:来自Uber工程师团队的Kafka监控工具

- -
发布了开源项目Chaperone(中文意为监护人),这是一个. 在Uber,它被用于监控多个数据中心和大容量Kafka集群中数据丢失、延迟以及重复的问题. Uber现在的Kafka数据管道跨越了多个数据中心. Uber的各个系统会生成大量服务调用和事件的日志信息. 这些服务在多个数据仓库间以多活模式运行.