资讯频道 → Web前端
阅读更多

0顶
4踩

Web前端

原创新闻 Web工程师必备的在线工具箱

2012-11-20 15:07 by 副主编 wangguo 评论(6) 有9109人浏览
web 工具 开发

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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

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

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

1.  RequestBin

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

2.  Hurl

输入一个URL，设置header，然后查看响应。类似工具：REST test test、Apigee 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 me、Pimgdom 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
0
顶
4
踩
评论 共 6 条 请登录后发表评论
6 楼 FlyAway2 2012-11-21 18:34
米国才能用的工具箱，在中国网速慢得估计你都不想访问，还在线..
5 楼 wangguo 2012-11-21 09:40
Leon.Wood 写道
难道这世界上不是有个firebug?

注意是在线工具箱
4 楼 Leon.Wood 2012-11-21 08:03
难道这世界上不是有个firebug?
3 楼 dplqg 2012-11-20 18:20
我擦，一个都没听说过
2 楼 rainv 2012-11-20 17:46
有离线的工具吗？特别是Unicorn
1 楼 white_crucifix 2012-11-20 16:06
一个都没听说过

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • web页面效果——JS实现图片滚动

    web页面效果，JS实现图片滚动，做页面效果蛮不错的

  • web登录注册页面模板150款(效果图+源码)

    web登录注册页面模板150款(效果图+源码)

  • web页面滚动动画效果（性能方面）

    } // usage const.log(document.querySelector('.target')) // true or false 2、第二种方案——Intersection Observer API 注册回调 使用教程 DEMO 三、回调执行的频率 四、页面内容高度的初始化填充 五、怎么保证...

  • WEB前端实战——制作登录页面

    参考视频：https://ke.qq.com/course/320021 代码 <!DOCTYPE html> <html lang="en"> <...登录页面</title> <style> body { background-image: url("img/星空.jpg");

  • web执行linux命令行,Web页面执行shell命令

    即可列出目录 提供web接口 cd /var/www/html vim index.html command: send index.html 注意修改代码中ip，更改为服务器ip或域名 效果图如图所示 cgi-bin目录执行shell脚本格式 #!/bin/sh printf "Content-Type: ...

  • 手把手教你实现web页面内容滑动效果

    作者 |唐宋元明清2188来源 |http://www.cnblogs.com/kybs0/标签的触摸/鼠标滑动事件，添加元素的切换动画，效果如下：事件监听鼠标事件和触摸事件监听：c...

  • Web利器之SPRY框架表单验证，页面效果，数据集

    5、想创建下一代的Web页面。 6、体验框架的魅力 三、本课程的教学内容 对SPRY的三部分知识进行讲解，从浅入深，带您进入WEB前端开发的世界。帮助您从页面效果实现，到表单验证，到数据集处理和显示。学完本课程，您...

  • PHP与web页面交互

    web表单主要用来在网页中发送数据到服务器 1，创建表单 使用<form>，表单结构： <form name='form_name' mehtod='method' action='url' enctype='value' target='target_win'> </form> name...

  • web页面实现框选效果

    一个网页上实现框选效果的js特效，附带有获取鼠标当前所在对象的获取方法，以及去掉浏览器自带的选中效果的css方案

  • VISIO WEB页面设计布局

    有手工效果形状。 是老外设计的一个形状库。非常实用，好用。 希望你喜欢。 其中writeframe非常可爱。 画出东西来逗死了。 很娱很乐。

  • web登录注册页面

    目录 web登录注册页面 效果图 结构图 Java代码 User.java UserMapper.java IndexServlet.java RegisterServlet.java DButil.java xml配置文件 mybatis-config.xml db.properties web.xml html与css index.jsp index....

  • 干货！web页面完美解决自适应的问题

      前段时间做了一个大数据前端页面显示的项目，在项目的收尾阶段，遇到了页面自适应的问题，如何让页面去兼容不同尺寸大小的屏幕，相信很多人也会碰到类似的问题，在这里我将我自己尝试出来的解决方案分享一下，请...

  • Web前端开发利器 SPRY框架之页面效果

    Spry 框架是一个JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分，从浅入深，带您进入WEB前端开发的世界，帮助你完成表单验证的实现。

  • Safari调试iOS web页面

    Safari调试iOS web页面 前言：移动端web页面调试一直是前端的一大痛点，所幸的是，在iOS调试方面，可以利用mac safari去调试对应的web页面。 本文将简要介绍如何使用mac safari调试iOS web页面。 Safari设置 打开...

  • 嵌入式开发 之Web配置页面开发

      开发动态页面首选的语言是PHP，村村不能在这里忽悠人，如果你的硬件性能允许切略懂PHP，看到这里就可以退出了。本文面向的受众是Linux C开发者，基本的Html、CSS、和JavaScript需要自行恶补。 2.CGI   ...

  • Django ——手机访问web页面

    前提： 手机和电脑处于同一个局域网中 1、修改settings.py文件中的ALLOWED_HOSTS字段 2、启动项目 终端输入python manage.py runserver 0.0.0.0:...这里输入自己本机的IP地址，末尾需要加端口号，然后就可以看到效果了

  • web页面测试方法与测试用例编写【梧桐凰】

    导航的另一个重要方面是Web应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。 Web应用系统的层次一旦决定，就要着手测试用户导航功能，让...

  • web前端基础——实现动画效果

    当两个效果之间变换时，可以使用transition过渡属性，但是有多个效果来回变换时，就需要使用动画效果,且动画过程可控（重复播放，画面暂停，最终画面等） 文章目录1、简介2、实现步骤3、复合属性animation4、动画...

  • web页面设计的几个案例

    1、会在web页面来回飞行的挂件 代码： <marquee direction="left" scrolldelay="90" scrollamount="6" behavior="scroll" loop="0" style="...

  • 基于springboot大学生就业信息管理系统源码数据库文档.zip

    基于springboot大学生就业信息管理系统源码数据库文档.zip

Global site tag (gtag.js) - Google Analytics