Firebug工具:
* 为什么要使用Firebug工具:
* javascript的调试工具
* 开发java语言时,使用的开发工具是Eclispe或MyEclipse
* debug模式:java的调试模式
* 一旦出现错误或问题时,通过debug模式找到或定位错误的位置
* 开发javascript的工具
* 专门js开发人员,一般会用dreamware开发工具
* 我们针对的人员都是java开发人员,不是专门的js开发人员
* 开发javascript时,依旧使用Eclipse或Myeclipse
* 开发javascript时,没有debug模式
* 解决问题或错误的难度增加
* 开发js时,需要debug模式
* 如何安装Firebug工具:
* 首先安装火狐浏览器(自行下载,提供)
* 再安装Firebug工具
* 在线安装
* 选中火狐浏览器的“附加组件”
* 搜索“firebug”内容即可
* 离线安装
* ".xpi"文件是火狐浏览器的插件文件
* 打开火狐浏览器
* 将插件安装文件,拖拽到浏览器中
* 如何配置Firebug工具
* 选择Firebug界面的位置
* 选择启用所有面板
* 介绍Firebug工具的功能:
* 控制台:
* 显示调试、错误、警告等信息
* 类似于MyEclipse的console
* HTML:快速页面代码定位
* CSS:显示CSS样式内容
* 脚本:javascript代码的调试
* DOM:显示对应DOM内容
* 网络:Web工程
* 截取网络传输的内容
* Cookies:本地缓存
* 主要使用Firebug的什么功能:
* 控制台
* HTML
* 脚本
* 行标是绿色的,表示是可用代码
* 在行标前,鼠标左键:出现红色原点(断点)
* 测试代码内容:
* alert()提示框:打印文本内容
* console.info()
* 网络
* Firebug工具总结:
* Firebug工具是火狐浏览器的插件
* 主要使用的功能是脚本(js代码调试)
* 关于前端js代码调试:
* IE:很少使用,经常出问题
* 火狐浏览器:使用率最高的
* 谷歌浏览器:很强大
* 使用主要集中在:
* 控制台
* 脚本
* 网络
* HTML
Firebug工具 —— 简单学习一下测试
最新推荐文章于 2018-12-24 17:51:00 发布