调试工具firebug的使用方法_第1页
调试工具firebug的使用方法_第2页
调试工具firebug的使用方法_第3页
调试工具firebug的使用方法_第4页
调试工具firebug的使用方法_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

FireBug的使用方法。Firebug的好处在于，它可以显示动态生DOMFirebugDOM进行修改，而这些修改会反映到现实上，并且通过Firebug提供的控制台可以直接执行Javascript也可以配置console.debug、和console.error等日志方法，以便于。FirebugFirefoxFirefox的五星级强力推荐插件之一。它HTMLJavascriptJavaScriptCSS、HTML和Ajax的得力助手。Firebug如同一把精巧的，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它也许在阅读本文之后会有一试的目前版本为Firebug1.4。Firebug1.41firebug-1.4.2-fx.xpi,FireFox3.5(FireFox3.5也二、Firebug1.4如上图所示，我们可以查看到firebug 的Tab 按钮，具体包1、ConsoleAjaxXMLHttpRequestspost2、Html2Html，每一个之间的从属并行关系的折叠功能能够帮助你集中精力分析代码。源代码上DOM3httmlparent、childHTML查看器中直接修改HTML源代码，并在浏览器中第一时间看到Firebug的粉丝了。，利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTMLCSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当3、CSS这时候用CSS调试工具可以轻易编辑它的位置——你可以根据需要随意挪动象素。如图34CSS我们可以利用Firebug来查看页面中某一区块的CSS样式表，如果进一步展开右侧Layouttab的话，它会以标尺的形式将当前区块占用的面积清楚地标识出来，精确到象素，的帮助，你可以籍此分析offset、margin、padding、size之间的关系，从而找出解决问题的4所示。Firebug能将页面中的CSSjavascript以及网页中的载入所消耗的时间以矩状图呈现出来，一个外部文件甚至是xmlHttpRequestshttp5所示。56、Javascriptjavascript有性能上的问题或者不是太完美，可以通过面板上的Profile来统计每段运行6所示6Javascript7、DOM ObjectModel)里头包含了大量的Object以及函数、，在从前，你要想从中查到需要的内容，绝非易事，这好比你去了一个巨大的馆，想要找到几本名字不太确切的小书，众多的选择会让你无所适从。而使用Firebug的DOM查看器却能方便地浏览DOM的内部结构，帮助你快速定位DOM对象。双击一个DOM对象，就能够编辑它的 .get之后，按下tab键就能补齐为 按下shift+tab又会恢复原状。用了Firebug的DOM查看器，你的javascript从此找到了驱使的对象，Web开发也许就成了一件乐事。具体如图7所示。7DOM美化调优

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论