yiminghe 发表于 2013-1-29 07:36:34

我喜欢的前端开发利器

1.firefox 
 
 
      正是由于 firefox 的开放性 才 有了 以下 层出不穷的 免费工具。
 
      http://www.agoit.com/upload/picture/pic/33121/b6e9d9ff-cc6a-3524-9488-d57976084cc3.png
 
1.1   firebug
 
          firebug 可以 查看页面指定部分html，动态改变 ，调试javascript ，改变css，查看布局，。。。。一把瑞士军刀。
 
 
         http://www.agoit.com/upload/picture/pic/33123/d752e607-7c6c-3fdb-9891-20e193107288.png
 
1.2  web developer
 
          可以对网页的标准性，可访问性，等方面 做诸多测试 ，可以方便禁用css，javascript，查看cookie ，等等。
 
 
http://www.agoit.com/upload/picture/pic/33129/67f1eb91-f084-3825-b898-f107c9c41282.png
 
   1.3  html validator
 
            可以根据 html dtd 详细检测出 你的html不符合标准之处 ，并给出 详细的解决之道 ，strict 模式必备
 
http://www.agoit.com/upload/picture/pic/33119/3bfa6a7a-b24a-3e00-a088-65f76e96c243.png
 
 
 
 
1.4  httpfox
 
                 经常会出现 ，服务器接受乱码，头部不能查看问题  ，总不至于还要看 服务器log吧  ，httpfox 可以完全完成上述任务 ，查看 firefox 和服务器 之间通信的所有信息 ，如 response header ，response content ，request content 等等。
 
http://www.agoit.com/upload/picture/pic/33135/45dcd131-4b0b-3a14-a0db-56044c7df98f.png
 
 
 
1.5 fiddler 
 
          在线测试 必备 ，不必完整搭建测试环境 ，只要将 要访问的 js 映射到 本地js ，方便调试 ，正是 fiddler
           http://www.agoit.com/upload/picture/pic/33125/a15ed66f-e23f-3eff-82a5-8acace7683a1.png
 
 


taobao ued 推荐的25个插件 ：
 
2 .Internet Explorer
 
            虽然 调试起来 十分不便 ，但这是 系统实用的必经之路 。
 
2.1  Microsoft Script Debugger + Companion.JS


     简单来说  就是 firebug 的 javascript 简化版部分 。。。。
 
http://www.agoit.com/upload/picture/pic/33127/ba84df76-cd31-3787-a794-d621d0ae1100.png
 
 
2.2  IE Developer Toolbar
 
         对应于  web developper 和 firebug 的 html ,css 功能部分
 
           http://www.agoit.com/upload/picture/pic/33131/164ab7a7-efbd-3178-ad51-c175eaad9e23.png
 
 
2.3 httpwatcher
 
         httpfox 的加强版


        http://www.agoit.com/upload/picture/pic/33133/dcd0823b-f0d9-3933-acae-8f175f8ad52e.png
 


2.4   fiddler
 
         同 firefox 部分，但是可以将线上文件映射为本地代码，方便本地调试。
 
 
2.5 Internet Explorer Collection
 
         由于 ie 的众多版本 ，做web page 必须全部考虑到，而一般机器上只能装一个版本的ie ，Internet Explorer Collection 可以使得我们安装所有版本的 ie 到本机上（ie1 ~ ie8）。
 
          http://www.agoit.com/upload/picture/pic/42563/e9bf0cb5-8481-3cc6-8e07-3724ced86c8f.png
 
 
 
2.6 IETester  (推荐 Internet Explorer Collection)
 
       由于 ie 的众多版本 ，做web page 必须全部考虑到，而一般机器上只能装一个版本的ie ，而 IETester 能模拟所有主流版本的ie  （5.5 6 7） ,省了不少开vmare的资源 :)
 
         后来根据复杂测试，IETester 存在cookie问题，jsp读不到session中的信息。

 
 
http://www.agoit.com/upload/picture/pic/33297/20438144-f0bb-3753-bba3-7c06cb14bbff.png
 
 
 
 
3.后述
 
        暂时就这么多了 ，基本上 可以 应付 大部分的测试调试工作，




 
 
 
 
 
 
 
 
页: [1]
查看完整版本: 我喜欢的前端开发利器