加载中…关于IE浏览器的一些调试工具
(2012-03-27 17:41:22)
标签：
ie调试在线修改debugbardevelopertoolbartesterit |
分类： 开发工具 |
在接到新电脑的第一步当然是要装很多很多很多东西，比如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，它的界面是这样的：
你可以用左侧长得像“target”的icon，点击之后再去选择页面的元素，就可以获取查看它的dom结构跟样式信息，不过不能像firebug那样修改调试，这个很郁闷。
你可以通过这个链接下载：install-debugbar-v6.0.1
下面这个是可以支持即时修改调试页面样式的，叫：IE Developer ToolBar，具体界面如下：
在左下角有个“鼠标+蓝色solid线框”的icon，作用就是点击它之后获取页面元素，而元素的样式会显示在中栏跟右栏，双击中栏下面的框框，就可以打样式进去，对页面元素进行在线修改了，上图我对百度logo进行修改，设置了它height:100px; 所以它看起来有点扁，这个工具还是挺方便实用的。
你可以通过这个链接下载：IE Developer ToolBar
最后，老规矩：
一般前端的开发工具无非就是浏览器，如：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，它的界面是这样的：
你可以用左侧长得像“target”的icon，点击之后再去选择页面的元素，就可以获取查看它的dom结构跟样式信息，不过不能像firebug那样修改调试，这个很郁闷。
你可以通过这个链接下载：install-debugbar-v6.0.1
下面这个是可以支持即时修改调试页面样式的，叫：IE Developer ToolBar，具体界面如下：
在左下角有个“鼠标+蓝色solid线框”的icon，作用就是点击它之后获取页面元素，而元素的样式会显示在中栏跟右栏，双击中栏下面的框框，就可以打样式进去，对页面元素进行在线修改了，上图我对百度logo进行修改，设置了它height:100px; 所以它看起来有点扁，这个工具还是挺方便实用的。
你可以通过这个链接下载：IE Developer ToolBar
最后，老规矩：
为方便下载，提供本人网盘帐号密码，请不要弄乱里面的页面，以方便其它人下载，谢谢。
密码：123456
目前我就用这几个东西来调试IE，以后还有新的好用的再更新上去...喜欢
0
赠金笔