Web工程师的工具箱.note

创建时间：1361358679 修改时间： 1540200668

4270-1540200668317本文出自Ivan Zuzak 的《The Web engineer’s online toolbox》，作者给了一个各种可以用来进行开发、测试、调试以及文档编排的在线工具集。（注：我发现CSDN上已经有了这篇文章《Web工程师必备的18款工具》，但可惜的是这篇文章并不全（原文后来被更新到了33个工具），而且其中并没有包括原文评论中出现的所有工具，所以，我一并补全了更出来，一共40多个工具）414true1750true107121true0196Arial01961204#333333414#1d75911417#3333331750#1d759150107#333333107121#1d7591121196#3333330196#ffffff414http://ivanzuzak.info/1750http://ivanzuzak.info/2012/11/18/the-web-engineers-online-toolbox.html107121http://www.csdn.net/article/2012-11-19/28119921.5#ffffff5450-1540200668326Web工程师在线工具箱011true011Arial01116011#333333011#ffffff1.0625#ffffff5099-1540200668328RequestBin：允许你创建一个URL，利用这款工具进行收集请求，然后通过个性化方式进行检查。011true010true049Arial04912010#1d75911049#333333049#ffffff010http://requestb.in/1.5#ffffff1061-1540200668330Hurl：发出HTTP请求，输入URL，设置标题，查看响应，最后分享给其他人。类似的工具有：REST test test, Apigee console.。05true04true4660true6276true078Arial0781204#1d7591446#3333334660#1d75916062#3333336276#1d75917678#333333078#ffffff04http://hurl.it/4660http://resttesttest.com/6276https://apigee.com/console/others1.5#ffffff3518-1540200668334Httpbin：HTTP请求&响应服务，涵盖所有的HTTP方案（例如不同的HTTP verbs、状态代码和重定向）。类似工具：UrlEcho。08true07true6370true071Arial0711207#1d7591763#3333336370#1d75917071#333333071#ffffff07http://httpbin.org/6370http://ivanzuzak.info/urlecho/1.5#ffffff2048-1540200668339REDbot：这是一个机器人工具，帮助用户检查HTTP资源，可查看它的操作情况，指出常见的问题并提出改进。类似工具：HTTP lint。07true06true5867true068Arial0681206#1d7591658#3333335867#1d75916768#333333068#ffffff06http://redbot.org/5867http://zamez.org/httplint1.5#ffffff5920-1540200668341WebGun：用于创建webhooks模板的API。类似工具：UrlReq。07true06true3137true038Arial0381206#1d7591631#3333333137#1d75913738#333333038#ffffff06http://webgun.io/3137https://github.com/izuzak/urlreq1.5#ffffff4277-1540200668343Webscript 自选一个url，填一段Lua代码，就能对访问做各种respond，还可以主动运行任务，cron job等等…010true09true064Arial0641209#1d7591964#333333064#ffffff09https://www.webscript.io/1.5#ffffff6541-1540200668346ClickHooks 这是一个短网址服务， 当用户访问了你的这个短网址跳转链接，服务器会通过HTTP POST的方式回调你的一个URL。这也是一种WebHooks方式。（陈皓注：所谓WebHooks，你可以理解为一种trigger，或是一种handler，比如当你你提交了代码，会调用某个URL链接以POST的方式告诉那个网站你提交了代码（如：发一个twitter 之类的，或是通知某个bug tracker系统））011true010true0208Arial020812010#1d759110208#3333330208#ffffff010http://www.clickhooks.com/1.5#ffffff5794-1540200668352MailHooks 让你可以通过HTTP POST方法收电子邮件（又叫WebHooks），你可以为你的一个邮件地址创建N多的hooks，当一个邮件收到了，可以把这个邮件以POST的方式发到你的某个URL上去。010true09true0104Arial01041209#1d75919104#3333330104#ffffff09http://mailhooks2.appspot.com/1.5#ffffff1251-1540200668356Quilla 提供一个人们可以找到你的短网站服务，在那里，当人们提交到你的短网址上的请求会给你发邮件。好像是一种HTTP到SMTP的代理服务。07true06true071Arial0711206#1d7591671#333333071#ffffff06http://a.quil.la/1.5#ffffff9780-1540200668359Apify：公开锁定在HTML文档没有任何API数据集。APIfy从结构标记中提取数据，并将其转换为JSON APIs。06true05true060Arial0601205#1d7591560#333333060#ffffff05http://apify.heroku.com/resources1.5#ffffff3746-1540200668362Unicorn：W3C统一的验证程序，可在各种流行的HTML和CSS验证器中执行各种检查。类似工具：HTML lint。08true07true5059true060Arial0601207#1d7591750#3333335059#1d75915960#333333060#ffffff07http://validator.w3.org/unicorn/5059http://lint.brihten.com/html/1.5#ffffff1054-1540200668367JSONLint JSON 格式验证程序09true08true020Arial0201208#1d7591820#333333020#ffffff08http://jsonlint.com/1.5#ffffff6639-1540200668368Feed validator：支持W3C验证，为RSS和ATOM提供阅读源。015true014true038Arial03812014#1d75911438#333333038#ffffff014http://validator.w3.org/feed/1.5#ffffff7870-1540200668370Link checker：从网站中提取链接（递归）并确保没有链接被定义为两次（重复定义），所有的链接被引用并警告HTTP重新定向。013true012true065Arial06512012#1d75911265#333333065#ffffff012http://validator.w3.org/checklink1.5#ffffff5176-1540200668373Host tracker：通过分布式ping/跟踪检查、定期监测、邮件/SMS /IM通知和统计进行网站检测性服务。类似工具有：Down for everyone or just me, Pimgdom ping service013true012true6492true94114true0114Arial011412012#1d75911264#3333336492#1d75919294#33333394114#1d75910114#ffffff012http://www.host-tracker.com/6492http://www.downforeveryoneorjustme.com/94114http://tools.pingdom.com/ping/1.5#ffffff9280-1540200668377ViewDNS 一组 DNS 和网络工具，如：反向IP解析，DNS记录查询或traceroute之类的。08true07true052Arial0521207#1d7591752#333333052#ffffff07http://www.viewdns.info/1.5#ffffff7950-1540200668379Necrohost  一个URL列表来模拟不同网络链接的问题，如：响应慢，无法解析DNS，或是404什么的。011true09true054Arial0541209#1d7591954#333333054#ffffff09http://www.necrohost.com/1.5#ffffff1025-1540200668381Mirrorrr 一个可以用来镜像某网页的应用（经常被国人用来搞Web 代理来翻墙）。09true08true043Arial0431208#1d7591843#333333043#ffffff08https://code.google.com/p/mirrorrr/1.5#ffffff7456-1540200668383SSL Checker 测试SSL认证012true011true019Arial01912011#1d75911119#333333019#ffffff011http://certlogik.com/ssl-checker/1.5#ffffff7136-1540200668384CSR/Cert decoder 对你的CSR和SSL认证decode检查。017true016true038Arial03812016#1d75911638#333333038#ffffff016http://certlogik.com/decoder/1.5#ffffff4916-1540200668394Loadzen Web压力测试工具（注：以前酷壳介绍过《十个Web压力测试工具》）08true07true2839true041Arial0411207#1d7591728#3333332839#1d75913941#333333041#ffffff07http://loadzen.com/2839http://coolshell.cn/articles/2589.html1.5#ffffff6224-1540200668396Pingdom Full page test：允许用户测试网页记载时间、分析、监控，发现瓶颈并导出HAR格式的结果。类似工具：Web page test。023true022true6376true077Arial07712022#1d75912263#3333336376#1d75917677#333333077#ffffff022http://tools.pingdom.com/fpt/6376http://www.webpagetest.org/1.5#ffffff1452-1540200668399Google PageSpeed Insights Analyzes the content of a web page, then generates suggestions to make that page faster.026true025true0114Arial011412025#1d759125114#3333330114#ffffff025https://developers.google.com/speed/pagespeed/insights1.5#ffffff2422-1540200668402HAR viewer：通过 HTTP 追踪工具创建可视化的HTTP Archive (HAR)日志文件。011true010true052Arial05212010#1d75911052#333333052#ffffff010http://www.softwareishard.com/har/viewer/1.5#ffffff7247-1540200668404CORS proxy：通常会由于相同的域而被阻止，而这款工具在网站上允许JavaScript代码访问其他域上的资源，011true010true058Arial05812010#1d75911058#333333058#ffffff010http://www.corsproxy.com/1.5#ffffff2565-1540200668407Browserling：支持使用所有主要浏览器以及各种版本进行交互式跨浏览器测试。012true011true041Arial04112011#1d75911141#333333041#ffffff011https://browserling.com/1.5#ffffff9119-1540200668409WebSocket Echo Test: 从浏览器定向到WebSocket echo服务器进行WebSocket连接测试。020true019true061Arial06112019#1d75911961#333333061#ffffff019http://www.websocket.org/echo.html1.5#ffffff7030-1540200668411YQL：极富表现力类似于SQL的语言，允许您查询、筛选和联接数据跨Web服务。04true03true039Arial0391203#1d7591339#333333039#ffffff03http://developer.yahoo.com/yql/1.5#ffffff8178-1540200668413Webshell 使用命令行脚本的方式来调用一些Web API。09true08true032Arial0321208#1d7591832#333333032#ffffff08http://webshell.io/1.5#ffffff6410-1540200668414Yahoo Pipes：一个图形化的用户界面，用于创建数据混搭，生成聚合Web源，Web页面和其他服务。012true011true052Arial05212011#1d75911152#333333052#ffffff011http://pipes.yahoo.com/pipes/1.5#ffffff5076-1540200668416Apiary：语言和工具用于生成REST API文档及进行交互式督查。类似工具：Swagger。07true06true4047true048Arial0481206#1d7591640#3333334047#1d75914748#333333048#ffffff06http://apiary.io/4047http://swagger.wordnik.com/1.5#ffffff3099-1540200668418JSFiddle  一个在线的代码编辑可以让你编译一些HTML, CSS 和 JavaScript的东西，并演示之。相似工具: JSBin010true08true6469true069Arial0691208#1d7591864#3333336469#1d7591069#ffffff08http://jsfiddle.net/6469http://jsbin.com/1.5#ffffff9356-1540200668421Google Feed API 你可以使用这个API来查询有RSS Feed的网站 (example)，或是搜索有RSS Feed(example) ，或是把JSON变成一个JSON返回 (example)015true4350true6673true95102true0103Arial010312015#1d75911543#3333334350#1d75915066#3333336673#1d75917395#33333395102#1d7591102103#3333330103#ffffff015https://developers.google.com/feed/v1/jsondevguide4350http://ajax.googleapis.com/ajax/services/feed/lookup?v=1.0&q=http://ivanzuzak.info/6673https://ajax.googleapis.com/ajax/services/feed/find?v=1.0&q=ivan%20zuzak95102https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://ivanzuzak.info/atom.xml1.5#ffffff6460-1540200668425未在列表的工具07true07Arial071607#33333307#ffffff1.0625#ffffff3118-1540200668426Fiddler – 可能是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。.07true0110Arial01101207#1d75917110#3333330110#ffffff07http://www.fiddler2.com/fiddler2/1.5#ffffff7644-1540200668429960 grid system generator 和 CSS reset – 两个关注于Web站点设计的工具。025true2837true056Arial05612025#1d75912528#3333332837#1d75913756#333333056#ffffff025http://grids.heroku.com/2837http://meyerweb.com/eric/tools/css/reset/1.5#ffffff8858-1540200668431NuvolaBase – 一个可以共享个人私有数据的解决方案。正如作者所说，这不是一个开发工具。010true048Arial04812010#1d75911048#333333048#ffffff010http://www.nuvolabase.com/site/index.html1.5#ffffff6638-1540200668433Open exchange rates – 一个和汇率货币相关的JSON式的API。这样的API你可以到 Programmable Web 上查找。019true5369true074Arial07412019#1d75911953#3333335369#1d75916974#333333074#ffffff019https://openexchangerates.org/5369http://www.programmableweb.com/1.5#ffffff1317-1540200668436Workflowy, LastCalc, Codepad, Mailinator and 10MinuteMail, One time secret and CopyPasteCharacter – 这些App似乎和Web开发没什么关系。09true1119true2128true3040true4557true5974true7997true0119Arial01191209#1d7591911#3333331119#1d75911921#3333332128#1d75912830#3333333040#1d75914045#3333334557#1d75915759#3333335974#1d75917479#3333337997#1d759197119#3333330119#ffffff09https://workflowy.com/1119http://www.lastcalc.com/2128http://codepad.org/3040http://www.mailinator.com/4557http://10minutemail.com/5974https://onetimesecret.com/7997http://copypastecharacter.com/1.5#ffffff3092-1540200668442Browsershots – 一个用来测试网页在不同平台下的工具。（参看）012true037Arial03712012#1d75911237#333333037#ffffff012https://browsershots.org/1.5#ffffff1799-1540200668443Scriptular and Rubular – 正则表达式工具，这样的工具太多了，如： ReFiddle, Regex pal and Txt2Re。010true1522true4553true5564true6975true076Arial07612010#1d75911015#3333331522#1d75912245#3333334553#1d75915355#3333335564#1d75916469#3333336975#1d75917576#333333076#ffffff010http://scriptular.com/1522http://rubular.com/4553http://refiddle.com/5564http://regexpal.com/6975http://www.txt2re.com/1.5#ffffff