前几天一个项目中的页面在Chrome和safari下撑开,Firefox,ie,opera正常,静态页面是OK的,只能找Chrome和safari下的调试工具,safari只有在MAC下有调试工具,而Chrome正式版(目前最新3.0.195.38)只有javascript控制台,css和html虽然也能调试,但是非常的不灵活,
所以去google Chrome的扩展中心google Chrome Extensions翻了个底朝天,终于找到了Chrome Web Developer Tools,(如果翻不了墙请点击下载)该工具需要在google Chrome 4 bate版上安装。
该工具在javascript控制台的基础进行了扩展,html和css的调试方便了很多(当然和firebug还是有一定的差距);
安装后,启动该工具,如图:
工具界面:
1,Elements:主要是html和css的调试,
2.Resources:主要是加载时间和文件尺寸;
3.Scripts:主要是js;
4.Console:控制台,检查网页的错误,请求等等。
附加工具:如图
一下常用的小工具,不在一一介绍。
总体来说不管是功能上还是使用上都没有firebug实用,但是在google Chrome和safari浏览器下还是很好的一个选择。
Chrome Web Developer Tools不是自带的?
@Leeiio 自带的功能相对比较弱!不仔细看完就下结论,鄙视你!
感谢码头的分享!
3.Scriots:主要是js;
错了…每次看都要给你检查拼写…
哎。。还是不忍放弃FF放弃firebug~
@ 对比了下,和我自带的还真没看出什么区别…4.0.295.0 dev
我的也是4.0.295.0 dev,是目前的最新版本,也没看出什么不同。
自带的吧,就是文字显小,怎样调大呢
看到上面图中的扩展上有firebug的图标,难道在Chrome中也有firebug?
这跟审查元素有什么区别么?我觉得审查元素挺好用的~
我觉得吧.其它浏览器干脆都统一做成firebug好了.
因为大家都习惯这个;
这样其它浏览器就会有市场;
请问:想查看浏览器提交给服务器的头信息不下载工具能实现么?对网络方面的知识知之甚少,多谢博主帮忙:)
Chrome 把firebug的创始人挖过去了`