<万博manbetx平台> 【前端开发工具】google Chrome开发人员工具(Chrome Web Developer Tools)-万博manbetx平台

【前端开发工具】google Chrome开发人员工具(Chrome Web Developer Tools)

前几天一个项目中的页面在Chrome和safari下撑开,Firefox,ie,opera正常,静态页面是OK的,只能找Chrome和safari下的调试工具,safari只有在MAC下有调试工具,而Chrome正式版(目前最新3.0.195.38)只有javascript控制台,css和万博manbetx平台虽然也能调试,但是非常的不灵活,

所以去google Chrome的扩展中心翻了个底朝天,终于找到了,(如果翻不了墙请点击下载)该工具需要在google Chrome 4 bate版上安装。

该工具在javascript控制台的基础进行了扩展,万博manbetx平台和css的调试方便了很多(当然和firebug还是有一定的差距);

安装后,启动该工具,如图:

工具界面:

1,Elements:主要是万博manbetx平台和css的调试,

2.Resources:主要是加载时间和文件尺寸;

3.Scripts:主要是js;

4.Console:控制台,检查网页的错误,请求等等。

附加工具:如图

一下常用的小工具,不在一一介绍。

总体来说不管是功能上还是使用上都没有firebug实用,但是在google Chrome和safari浏览器下还是很好的一个选择。

赞(0) 打赏
未经允许不得转载:万博manbetx平台 » 【前端开发工具】google Chrome开发人员工具(Chrome Web Developer Tools)

评论 13

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    Chrome Web Developer Tools不是自带的?

    9年前 (2010-01-14)回复
  2. #-48

    @Leeiio 自带的功能相对比较弱!不仔细看完就下结论,鄙视你!

    9年前 (2010-01-14)回复
  3. #-47

    感谢码头的分享!

    steven9年前 (2010-01-14)回复
  4. #-46

    3.Scriots:主要是js;
    错了…每次看都要给你检查拼写…

    9年前 (2010-01-14)回复
  5. #-45

    哎。。还是不忍放弃FF放弃firebug~

    9年前 (2010-01-14)回复
  6. #-44

    @ 对比了下,和我自带的还真没看出什么区别…4.0.295.0 dev

    9年前 (2010-01-19)回复
  7. #-43

    我的也是4.0.295.0 dev,是目前的最新版本,也没看出什么不同。

    xuhuan9年前 (2010-01-19)回复
  8. #-42

    自带的吧,就是文字显小,怎样调大呢

    9年前 (2010-05-19)回复
  9. #-41

    看到上面图中的扩展上有firebug的图标,难道在Chrome中也有firebug?

    9年前 (2010-06-10)回复
  10. #-40

    这跟审查元素有什么区别么?我觉得审查元素挺好用的~

    9年前 (2010-06-14)回复
  11. #-39

    我觉得吧.其它浏览器干脆都统一做成firebug好了.
    因为大家都习惯这个;
    这样其它浏览器就会有市场;

    jackyang8年前 (2011-03-04)回复
  12. #-38

    请问:想查看浏览器提交给服务器的头信息不下载工具能实现么?对网络方面的知识知之甚少,多谢博主帮忙:)

    8年前 (2011-06-08)回复
  13. #-37

    Chrome 把firebug的创始人挖过去了`

    yelllow8年前 (2011-08-08)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏