ChinaUnix首页 > 精华文章 > Web开发 > 正文

[精彩] [工具]用于调试CSS/JavaScript兼容性的工具


http://www.chinaunix.net 作者:a_coder  发表于:2007-11-07 09:37:57
发表评论】 【查看原文】 【Web开发讨论区】【关闭

一般做CSS或者js编写的都要调试两大浏览器的兼容性:Microsoft Internet Explorer 和 FireFox。

给大家介绍两个工具:
[1] Microsoft Internet Explorer Developer Toolbar
[2] Firebug

两个工具条分别安装于 IE 和 Firefox 中,前一个就是一个安装文件,怎么装就不说了。后面那个,是一个xpi文件,安装方法:
1、先打开firefox,然后点文件->打开文件
2、选择这个xpi文件,在弹出的提示选择安装即可。


CSS方面:
两个工具均可分析当前页面的DOM树并显示。还可以根据DOM树察看影响各个部分的样式表的信息。在firebug中,更是可以直接在firebug里面修改测试,而无需真正的去修改源文件。当然功能不仅仅于此,大家安装以后体验一下就可以了。

JS方面:
Ie 的自身一些内建方法迷惑了太多的人,致使很多人写的js在非ie中无法正常运行。微软的那个工具条,在调试css方面还算不错,但是在调试js方面,就比较逊色了。这里建议大家按照firebug的提示修改你的js,基本上ie都能运行。

大家自己装上看看吧。

IE工具的下载:http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
Firebug: www.getfirebug.org



 a_coder 回复于:2007-09-11 17:06:38

本来要把firebug附件上来,但是太大。自己找吧


 僭燮水 回复于:2007-09-12 16:27:05

http://www.ijavascript.cn/gongju/firebug-firefox-17.html 

这个地址好像有哦 大家可以去看看 里面还有个IE的解决方案


 achun.shx 回复于:2007-09-12 17:05:08

CSSVista,不过只能调CSS,还不太好用


 僭燮水 回复于:2007-09-13 00:04:39

引用:原帖由 僭燮水 于 2007-9-12 16:27 发表 [url=http://bbs.chinaunix.net/redirect.php?goto=findpost&pid=7341941&ptid=989465]
http://www.ijavascript.cn/gongju/firebug-firefox-17.html 

这个地址好像有哦 大家可以去看看 里面还有个IE的解决方案 




对于javascript来说 我还是觉着firebug比较好,我现在就是firefox+firebug


 HonestQiao 回复于:2007-09-13 16:24:33

不错,如果用了以后,给大家整点心得更好。


 a_coder 回复于:2007-09-14 16:02:00

呵呵。建议大家尽量不使用那个ie下面的,我几乎都不装他了。
js只要按照标准去写,ie下面错误直接到firefox下面去找,基本上firefox下面ok了,ie问题不大,op也是如此。

firebug的功能很不错的,用了很久了。比如:
当你在dom中选择某一个节点时。右侧会出现影响该节点的所有的css样式名称,你可以选择某一个样式里面的一个项目禁用他,直接观察效果变化,而且监控节点的功能可以让你直接编辑节点的一些属性,比如class onmouseover等。

比较典型的,如果某个页面在body上设置了禁止鼠标右键之类的,你可以直接在firebug中给它删掉,你就可以为所欲为了。阿哈哈。


 2015 回复于:2007-11-07 09:37:57

下载并安装一个Visual Web Developer 2008 Express Edtion
就什么都解决了。
这厮能在html,js中跟踪,设置断点,查看变量值等一切类似vc能做的工作。
我用的很爽。不过还有几十天就过期了。
现在只有beta2版本。年底能发布正式版




原文链接:http://bbs.chinaunix.net/viewthread.php?tid=989465
转载请注明作者名及原文出处