分享

关于IE浏览器的一些调试工具

 quasiceo 2014-07-01

关于IE浏览器的一些调试工具

(2012-03-27 17:41:22)
在接到新电脑的第一步当然是要装很多很多很多东西,比如CS1.6、Warcraft、devil may cry等等...开玩笑的啦,在公司电脑装这些,除非是嫌命长了哈。

一般前端的开发工具无非就是浏览器,如:IE、Firefox、Chrome、Safari、Opera,
或者编程工具,如:Dreamweaver、Eclipse,
或者设计软件,如:Photoshop、Illustrator等等。

在Firefox常用的调试测试工具有Firebug、Web developer、YSlow、Page speed;
调试IE的话一般用IE Tester来查看各版本浏览器的兼容,但是没有像Firebug那么方便的即时查看修改工具。
你可以通过这个链接下载:IETester_0.4.8.0

我为IE装的即时查看工具是这个IE Debugbar,它的界面是这样的:

关于IE浏览器的一些调试工具

你可以用左侧长得像“target”的icon,点击之后再去选择页面的元素,就可以获取查看它的dom结构跟样式信息,不过不能像firebug那样修改调试,这个很郁闷。

你可以通过这个链接下载:install-debugbar-v6.0.1

下面这个是可以支持即时修改调试页面样式的,叫:IE Developer ToolBar,具体界面如下:

关于IE浏览器的一些调试工具

在左下角有个“鼠标+蓝色solid线框”的icon,作用就是点击它之后获取页面元素,而元素的样式会显示在中栏跟右栏,双击中栏下面的框框,就可以打样式进去,对页面元素进行在线修改了,上图我对百度logo进行修改,设置了它height:100px; 所以它看起来有点扁,这个工具还是挺方便实用的。

你可以通过这个链接下载:IE Developer ToolBar

最后,老规矩:

为方便下载,提供本人网盘账号密码,请不要弄乱里面的页面,以方便其它人下载,谢谢。

账号:287019674@qq.com

密码:123456

目前我就用这几个东西来调试IE,以后还有新的好用的再更新上去...




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多