技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> Web工程师的工具箱

Web工程师的工具箱

浏览:3974次  出处信息

   Web Toolbox本文出自Ivan Zuzak 的《The Web engineer’s online toolbox》,作者给了一个各种可以用来进行开发、测试、调试以及文档编排的在线工具集。(注:我发现CSDN上已经有了这篇文章《Web工程师必备的18款工具》,但可惜的是这篇文章并不全(原文后来被更新到了33个工具),而且其中并没有包括原文评论中出现的所有工具,所以,我一并补全了更出来,一共40多个工具)

Web工程师在线工具箱

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

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

  • HttpbinHTTP请求&响应服务,涵盖所有的HTTP方案(例如不同的HTTP verbs、状态代码和重定向)。类似工具:UrlEcho

  • REDbot这是一个机器人工具,帮助用户检查HTTP资源,可查看它的操作情况,指出常见的问题并提出改进。类似工具:HTTP lint

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

  • Webscript 自选一个url,填一段Lua代码,就能对访问做各种respond,还可以主动运行任务,cron job等等…

  • ClickHooks 这是一个短网址服务, 当用户访问了你的这个短网址跳转链接,服务器会通过HTTP POST的方式回调你的一个URL。这也是一种WebHooks方式。(陈皓注:所谓WebHooks,你可以理解为一种trigger,或是一种handler,比如当你你提交了代码,会调用某个URL链接以POST的方式告诉那个网站你提交了代码(如:发一个twitter 之类的,或是通知某个bug tracker系统))

  • MailHooks 让你可以通过HTTP POST方法收电子邮件(又叫WebHooks),你可以为你的一个邮件地址创建N多的hooks,当一个邮件收到了,可以把这个邮件以POST的方式发到你的某个URL上去。

  • Quilla 提供一个人们可以找到你的短网站服务,在那里,当人们提交到你的短网址上的请求会给你发邮件。好像是一种HTTP到SMTP的代理服务。

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

  • UnicornW3C统一的验证程序,可在各种流行的HTML和CSS验证器中执行各种检查。类似工具:HTML lint

  • JSONLint JSON 格式验证程序

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

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

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

  • ViewDNS 一组 DNS 和网络工具,如:反向IP解析,DNS记录查询或traceroute之类的。

  • Necrohost  一个URL列表来模拟不同网络链接的问题,如:响应慢,无法解析DNS,或是404什么的。

  • Mirrorrr  一个可以用来镜像某网页的应用(经常被国人用来搞Web 代理来翻墙)。

  • SSL Checker  测试SSL认证

  • CSR/Cert decoder  对你的CSR和SSL认证decode检查。

  • Loadzen  Web压力测试工具(注:以前酷壳介绍过《十个Web压力测试工具》)

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

  • Google PageSpeed Insights Analyzes the content of a web page, then generates suggestions to make that page faster.

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

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

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

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

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

  • Webshell 使用命令行脚本的方式来调用一些Web API。

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

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

  • JSFiddle  一个在线的代码编辑可以让你编译一些HTML, CSS 和 JavaScript的东西,并演示之。相似工具: JSBin

  • Google Feed API 你可以使用这个API来查询有RSS Feed的网站 (example),或是搜索有RSS Feed(example) ,或是把JSON变成一个JSON返回 (example)

  • 未在列表的工具

  • Fiddler - 可能是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助。.

  • 960 grid system generatorCSS reset - 两个关注于Web站点设计的工具。

  • NuvolaBase - 一个可以共享个人私有数据的解决方案。正如作者所说,这不是一个开发工具。

  • Open exchange rates - 一个和汇率货币相关的JSON式的API。这样的API你可以到 Programmable Web 上查找。

  • Workflowy, LastCalc, Codepad, Mailinator and 10MinuteMail, One time secret and CopyPasteCharacter - 这些App似乎和Web开发没什么关系。

  • Browsershots - 一个用来测试网页在不同平台下的工具。(参看)

  • Scriptular and Rubular - 正则表达式工具,这样的工具太多了,如: ReFiddle, Regex pal and Txt2Re


QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1