Firebug

Firebug是网页浏览器火狐下的同缓开发类插件,它集HTML查看和编、JavaScript控制台、网络状态监视器于一体,是支付JavaScript、CSS、HTML和Ajax的得力助手。F12开拓firebug。

HTML

1.火速稳定网页元素:ctrl+shift+c 或 “小甲虫”旁边的屏幕箭头
2.快捷键设置:“小甲虫”下拉选项中的“自定义快捷键”
3.在HTML上直达发多节点,点击即可定位到相应节点

可以改HTML和CSS内容。立即实现。

CSS

翻、修改CSS、禁用CSS、添加CSS(在空白处双击即可)

用微调样式比如书大小相等,点击一下然继上下键调整。

点击右侧边链接,直接可以进来CSS编辑页。

好查阅布局。

评估页面下载速度

纱功能: 1、分类别的查看下载文件和http请求
2、可以查阅http请示的详细信息,是否成、是否缓存、请求参数、响应的结果相当

Ajax监听

网下的XHR:输入字符就会见发出求参数,包含关键字参数,返回结果是下列的html代码。
当页面向服务器发送get或post请求是,它见面监听这些请求,并当firebug下陈起来。其中参数就是我们要的字符或名字(键值对)。响应是由服务器遭到回复的消息。

JavaScript控制台

便你在js页面中描写副console.log()控制台会输出信息。并且以右边可以直接写副运行jS。

console.info()/debug()/warn()/errorAjax() //信息/调试/警告/错误
console.group()、console.groupEnd() //输出信息分组 console.dir()
//显示所有目标的特性和章程 console.time()/console.timeEnd()
//时间跟踪,记录代码运行时间 console.time(); console.timeEnd();<br>
console.group()<br> %d – 数字,%f – 浮点数,%s – 字符串,%o – 对象
console.info()/debug()/warn()/error()
//信息/调试/警告/错误<br> console.group()、console.groupEnd()
//输出信息分组<br> console.dir()
//显示有目标的特性和方式<br>
console.time()/console.timeEnd() //时间跟踪,记录代码运行时间

JavaScript代码调试

1、查看JS代码,设置断点(点击左边行号即可) 2、调试js功能代码 F8:继续
F10:单步跳了 F11:单步进入 Shift+F11:单步退出
3、console.trace()可以清楚函数如何让调用

点击概况 等待页面执行完毕毕
再次点击概况,就见面展示函数被调用时之片参数信息

打听一个工具,点击所有可以点击的地方,右键所有可以右键的地方,点击下拉菜单。

仿佛之平台来火狐谷歌的开发者平台,取其所长。

相关文章