我喜欢的前端开发利器

1.firefox 

 

 

      正是由于 firefox 的开放性 才 有了 以下 层出不穷的 免费工具。

 

     

 

1.1   firebug

 

          firebug 可以 查看页面指定部分html，动态改变 ，调试javascript ，改变css，查看布局，。。。。一把瑞士军刀。

 

 

        

 

1.2  web developer

 

          可以对网页的标准性，可访问性，等方面 做诸多测试 ，可以方便禁用css，javascript，查看cookie ，等等。

 

 

 

   1.3  html validator

 

            可以根据 html dtd 详细检测出 你的html不符合标准之处 ，并给出 详细的解决之道 ，strict 模式必备

 

 

 

 

 

1.4  httpfox

 

                 经常会出现 ，服务器接受乱码，头部不能查看问题  ，总不至于还要看 服务器log吧  ，httpfox 可以完全完成上述任务 ，查看 firefox 和服务器 之间通信的所有信息 ，如 response header ，response content ，request content 等等。

 

 

 

 

1.5 fiddler 

 

          在线测试 必备 ，不必完整搭建测试环境 ，只要将 要访问的 js 映射到 本地js ，方便调试 ，正是 fiddler

          

 

 

taobao ued 推荐的25个插件 ：

 

2 .Internet Explorer

 

            虽然 调试起来 十分不便 ，但这是 系统实用的必经之路 。

 

2.1  Microsoft Script Debugger + Companion.JS

     简单来说  就是 firebug 的 javascript 简化版部分 。。。。

 

 

 

2.2  IE Developer Toolbar

 

         对应于  web developper 和 firebug 的 html ,css 功能部分

 

          

 

 

2.3 httpwatcher

 

         httpfox 的加强版

       

 

2.4   fiddler

 

         同 firefox 部分，但是可以将线上文件映射为本地代码，方便本地调试。

 

 

2.5 Internet Explorer Collection

 

         由于 ie 的众多版本 ，做web page 必须全部考虑到，而一般机器上只能装一个版本的ie ，Internet Explorer Collection 可以使得我们安装所有版本的 ie 到本机上（ie1 ~ ie8）。

 

         

 

 

 

2.6 IETester  (推荐 Internet Explorer Collection )

 

       由于 ie 的众多版本 ，做web page 必须全部考虑到，而一般机器上只能装一个版本的ie ，而 IETester 能模拟所有主流版本的ie  （5.5 6 7） ,省了不少开vmare的资源 :)

 

         后来根据复杂测试，IETester 存在cookie问题，jsp读不到session中的信息。

 

 

 

 

 

 

3.后述

 

        暂时就这么多了 ，基本上 可以 应付 大部分的测试调试工作，