首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
ascii
stream
regex
netty
process
uml
select
plugins
replace
bitmap
version
sum
list
cmd
function
tree
blob
iostream
random
copy
js
datetime
window
dll
loops
bit
fetch
erlang
php7
scala
request
merge
object
actionscrip
vba
hash
main
subset
config
grid
c语言
ip
cookie
string
const
join
go
testing
char
cpython
require
future
express
foreach
case
flutter
byte
substring
audio
runtime
lua
golang
hashcode
chat
heatmap
typescript
cSharp
cPlusPlus
buffer
integer
timestamp
header
node.js
数组
text
eval
int
javascript
install
当前位置:
开发笔记
>
编程语言
> 正文
WEB调试工具---Firebug
作者:牧高风_457 | 来源:互联网 | 2023-08-20 08:55
Firebug简介Firebug是网页浏览器Firefox下的一款开发类插件。它集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML
Firebug简介
Firebug是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发Javascript、CSS、HTML和Ajax的得力助
手
。
Firebug安装、启动和关闭
安装:
在火狐浏览器上点击 工具---》web开发者--》获取更多工具
然后找到Firebug安装即可,一般是在前面第一个。
点击添加到Firebug安装,安装完成后火狐浏览器工具栏上便出现一个小甲虫图标:
打开和关闭:
点击小甲虫即可打开关闭Firebug,打开关闭的快捷键是Ctrl + F12、F12。
Firebug的窗口预览
控制台:Javascript命令操作,显示Javascript错误信息、提示信息、日志信息。
HTML:显示页面的HTML源码。
CSS:编辑页面的CSS源码。
脚本:显示页面脚本和调试。
DOM:显示页面对象和DOM属性。
网络:显示页面下载和花费时间。
COOKIEs:显示页面请求的COOKIEs,及查看和修改。
有的标签是灰色的,说明此时标签是停用的,我们可以通过标签的右侧下拉列表来启动和停用对应的标签。
Firebug编辑HTML
通过HTML标签页可以查看页面上元素对应的HTML源码,而且可以实时编辑HTML而立刻回显到页面上。
选中要编辑的元素右键--》编辑HTML...即可编辑。
Firebug处理CSS
可以通过HTML面板下右边的样式代码改变(添加、编辑、禁用、启用等)页面显示样式。
评估页面下载速度
通过网络标签可以看对应页面的下载时间长度。
Ajax监听
网络标签页下的XHR标签页。
Javascript控制台
Javascript代码调试
可以在控制台设置断点调试。
进阶提示
尝试点击、右键、下拉菜单
开发人员工具
很多与Firebug相似的工具。
firebug
javascript
web
firefox
html
java
ip
css
ajax
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
js
关于extjs开发实战pdf的信息
本文目录一览:1、extjs实用开发指南2、本 ...
[详细]
蜡笔小新 2023-10-17 13:23:21
function
javascript – 概述在Firefox上无法正常工作
我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ...
[详细]
蜡笔小新 2023-12-14 10:20:38
js
前端人员必须知道的三个问题及其发展阶段
本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ...
[详细]
蜡笔小新 2023-12-12 12:45:59
js
从零基础到精通的前台学习路线
随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ...
[详细]
蜡笔小新 2023-12-10 20:05:15
version
asp.netvb脚本,aspnet vb
asp.net(vb脚本)如何获取xml的节点值?xmlversion1.0encodingutf-8?rootimageimagemenusmenuurl#frame_paren ...
[详细]
蜡笔小新 2023-10-17 12:13:19
js
AJAX的POST请求及实现数据修改功能的方法
本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ...
[详细]
蜡笔小新 2023-12-14 16:12:01
js
Java实战之电影在线观看系统的实现
本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ...
[详细]
蜡笔小新 2023-12-14 15:52:03
js
如何使用Java获取服务器硬件信息和磁盘负载率
本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ...
[详细]
蜡笔小新 2023-12-14 13:56:20
function
安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ...
[详细]
蜡笔小新 2023-12-14 05:55:08
js
Voicewo在线语音识别转换jQuery插件的特点和示例
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
js
javaweb多图片打包下载,弹出提示框问题_html/css_WEBITnose
在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ...
[详细]
蜡笔小新 2023-12-12 14:56:31
js
利用RxJava实现的事件总线(Event Bus)及其使用方法介绍
本文介绍了RxJava在Android开发中的广泛应用以及其在事件总线(Event Bus)实现中的使用方法。RxJava是一种基于观察者模式的异步java库,可以提高开发效率、降低维护成本。通过RxJava,开发者可以实现事件的异步处理和链式操作。对于已经具备RxJava基础的开发者来说,本文将详细介绍如何利用RxJava实现事件总线,并提供了使用建议。 ...
[详细]
蜡笔小新 2023-12-11 12:16:40
js
常用的CSS属性及用法整理
本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ...
[详细]
蜡笔小新 2023-12-09 03:01:43
js
1 Vue基础
Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ...
[详细]
蜡笔小新 2023-10-17 19:45:53
js
java开发中常用框架优缺点
一、Struts2是一个基于MVC设计模式的Web应用框架在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互。Struts2优点1、实现 ...
[详细]
蜡笔小新 2023-10-17 16:19:02
牧高风_457
这个家伙很懒,什么也没留下!
Tags | 热门标签
ascii
stream
regex
netty
process
uml
select
plugins
replace
bitmap
version
sum
list
cmd
function
tree
blob
iostream
random
copy
js
datetime
window
dll
loops
bit
fetch
erlang
php7
scala
RankList | 热门文章
1
你想骗过java的编译器吗?
2
《巫山曲》翻译 原文赏析诗人唐孟郊
3
c/c++开发分享C++并查集算法简单详解
4
angularjs如何给对象加一个属性呢,在js中?
5
前端学习(1860)vue之电商管理系统电商系统之渲染login组件并且实现路由重定向
6
开发基础框架:mybatis3.2.8 +hibernate4.0+spring3.0+struts2.3
7
工作一年,后又考研失败的感受
8
Spring Boot项目配置ssl证书及自定义ssl端口号
9
SqlServer 行转列
10
MySQL 操作Blob字段工具(Java)
11
DFolding Machine ( dfs )
12
docker无法删除none镜像
13
根据源代码修改XSD文件
14
详解从阿童木到酷睿的移动处理器型号
15
工作也可以影响昼夜温差?
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有