firebug命令行

‘壹’ 有人告诉我不用学HTML直接学javaScript，对不对啊

JavaScript 运行于宿主程序中, 通常浏览器就是一个 JavaScript 的宿主程序.
浏览器中对 Js 的应用也比较多.

但不代表 JS 只能运行于浏览器中.
像 VBS 一样, 常常就被用于写本地脚本程序,运行于 Windows Script Host 宿主中。

比如: 把下面代码, 保存成 xxx.js 文件, 双击就能运行.
// ------------
WScript.Echo("你好!");
// ------------

js 也常用于编写 ASP 的服务器端程序。

所以，准确点说， js 跟 HTML 是两回事来的，没有什么硬性关联。

但是，如果你学 javascript 是想应用于浏览器中，建议还是先学习
HTML, CSS

‘贰’ 如何在后台代码中调试网页的加载速度

先决条件
在
理想情况下，您应该安装了
Mozilla
Firefox。您还应该大体了解
Web
开发。本文涉及的主题并不复杂，但是如果您了解超文本标记语言（Hypertext
Markup
Language，HTML）、层叠样式表（Cascading
Style
Sheet，CSS）以及
™
编程语言等主题，那么在学习本文时将更加得心应手。不需要使用集成开发环境（IDE），只需使用您喜爱的编辑器。
您必须在浏览器中启用了
JavaScript。另外，要学习与
Firebug
和
YSlow
相关的内容，您需要安装
Firefox
Web
浏览器。
假设您没有宽带
许多人通过某种形式的宽带连接访问
Internet，这些形式可能是
DSL、网线、光纤或其他方法。但是，无法使用这类技术的用户不得不使用拨号连接。您一定已经忘记拨号上网是什么感觉了，但您可以试着回想一下网页逐行加载时的情形。
幸
运的是，这些可怜的人们现在已经能够获得一些帮助。您可以通过缩短加载页面的时间来改善他们的体验。但是，拨号连接并不是降低加载和响应速度的惟一原因。
许多
Web
设计人员错误地认为高速
Internet
连接的到来会使网站性能优化变得没有必要。这种观点是不对的。例如，过去使用桌面软件执行的许多任务现在可以在线执行。在
Web
应用程序中获得像桌面软件那样的高速响应体验非常困难，因此性能优化非常重要。幸运的是，一些工具和最佳实践可用于缩短响应和加载时间，提供更加流畅的体
验。
基本工具
对于所有与优化相关的任务，您必须使用工具来诊断瓶颈和识别问题。现在在
Web
开发中使用最广泛的两个工具是
Firebug
和
YSlow，它们都是开源、免费的
Firefox
插件。
Firebug
Firebug（参见
参考资料）是最流行的
Firefox
扩展之一，该应用程序能够使
Web
开发人员的工作更加轻松。它包含许多非常有用的功能，比如：
JavaScript
调试
JavaScript
命令行
监视
JavaScript
性能和跟踪
XmlHttpRequests
登录
Firebug
控制台
跟踪
检查
HTML
元素和动态编辑
HTML
代码
动态编辑
CSS
文档

‘叁’ firefox中的measure it怎么使用

您好！
很高兴能为您解答问题，也感谢网络知道提供这个交流平台！

使用火狐Firefox的用户都会安装measure来增强使用体验.
measure
it设置方法：
1、打开security.dialog_enable_delay关闭它
名称: security.dialog_enable_delay
默认值: 2000 (单位毫秒)
修改值:
* 0 – 立刻安装
* 其他数值
2、使用外部编辑器查看源文件
两件事要做:
名称: view_source.editor.external
默认值: False
修改值: True (允许使用外部编辑器)
名称: view_source.editor.path
默认值: blank
修改值: 输入编辑器路径.

‘肆’ 如何正确设置Firebug及详细使用说明

Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。

Firebug也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM以及JavaScript代码，下面给大家介绍下Firebug的详细使用方法:

对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一，

也可以说Firebug的CSS调试器是专为网页设计师们量身定做的;那么如何安装firebug呢?首先进入浏览器的

进入附加组件之后，然后在搜索框中搜索Firebug附加组件，找到之后安装即可，安装完成后重启浏览器就行了，如下图所示:

下面来说说Firebug的详细使用方法，Firebug可以随时编辑页面：

在HTML标签中，点击窗口上方的“inspect”命令，然后再选择页面中的文本节点，你可以对其进行修改，修改结果会马上反应在页面中。

Firebug有6个主要的Tab按钮，本经验将主要介绍这几方面的功能，下面说的是Console 控制台:

Fire的查看和修改HTM代码功能:

利用Inspect检查功能，我们还可以用鼠标在页面中直接选择一些区块，查看相应的HTML源代码和CSS样式表，真正的做到所见即所得，如果你使用了外部编辑器修改了当前网页，可以点击 Firebug的reload图片重新载入网页，它会继续跟踪你之前用Inspect选中的区块，方便调试。

Firebug的DOM功能：

该功能主要用于查看页面DOM信息，通过提供的搜索功能实现DOM的快速准确定位，并可双击来实现DOM节点属性或值的修改。

Firebug的脚本(Javascript)功能：

脚本功能主要是一个脚本调试器，可以进行单步调试、断点设置、变量查看等功能，同时通过右边的监控功能来实现脚本运行时间的查看和统计，提高运行效率。

Firebug的网络(Net)功能：该标签功能主要用来监控网页各组成元素的运行时间的信息，方便找出其中运行时间较慢的部分，进一步优化运行效率。

使用Firebug插件在附加组件中打开Firebug启用开关，启用开关默认未开，如果未打开此功能，那么很可能会出现点击后Firebug插件无效的情况;

‘伍’ 我的firebug怎么没有多行命令行，没有'^'

重启，重装系统，绝对管用！！

‘陆’ 如何进行js的debug

console.debug("setHelpContentPanel:%o",args);
Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab，今天着重说一下Console的用法。
其实我们对于Console应该非常熟悉，因为这里是Firebug给出各种信息的窗口，而这也正是Console的主要用途，日志记录(Logging)。
除此之外，Console还提供了通过命令行方式来调试Javascript的方法。下面就来学习一下Console的用法。
1、Firefox的日志记录(Logging in Firefox)。
通过Console的记录方法，我们可以不再使用烦人的alert或者document.write方法来进行调试。Firebug提供了五种日志的类型：
◆console.log:记录一行信息，无任何图标提示;
◆console.debug:记录一行信息，带超链接，可以链接到语句调用的地方;
◆console.error():向控制台中写入错误信息，带错误图标显示和高亮代码链接;
◆console.info():向控制台中写入提示信息，带信息图标显示和高亮代码链接;
◆console.warn():向控制台中写入警告信息，带警告图标显示和高亮代码链接;
consle打印字符串支持字符串替换，使用起来就像c里面的printf(“%s",a),支持的类型包括：
%s string，字符串
%d,%i 整型
%f 浮点
%o 对象
如果使用%o的话，对象就会用绿色的超链接表示出来，单击后会将你带到DOM视图。
2、分组(Grouping)。
如果某一类的信息特别多时，分组就有利于逻辑的划分。使用上很简单，参见代码。
function consoleGroup(){ var groupname = "Group 1"; console.group("Message group %s", groupname); console.log("This is the 1 message in %s", groupname); console.log("This is the 2 message in %s", groupname); console.log("This is the 3 message in %s", groupname); console.groupEnd(); goupname = "Group 2"; console.group("Message group %s", goupname); console.log("This is the 1 message in %s", goupname); var subgroupname = "Sub group 1"; console.group("Message group %s",subgroupname); console.log("This is the 1 message in %s", subgroupname); console.log("This is the 2 message in %s", subgroupname); console.log("This is the 3 message in %s", subgroupname); console.groupEnd(); console.log("This is the 2 message in %s", goupname); console.groupEnd(); }
3、console.dir和console.dirxml
console.dir可以将一个对象的所有方法和属性打印出来，这个方法无疑是非常有用的，我们不再需要object.toString这样的方法支持了，只要有firebug，查看对象也变得很轻松。
同时，我们也可以将页面中的元素作为一个对象打印出来，但是你要小心，因为这将输出众多的信息，可能你会迷失在繁杂的信息中而找不到自己需要的条目。
我们可以通过分组将这些大量的信息放入一个分组中，这样可以在逻辑上更清楚一些。
function consoleDir(){ function Car(){ this.Model = "Old Model"; this.getManu = function(){ return "Toyota"; } } var objCar = new Car(); console.dir(objCar); console.dir(zoo); var groupname = "Css Style"; console.group("The button Style", groupname); console.dir(document.getElementById('consoledir').style, groupname); console.groupEnd(); }
console.dirxml 打印出HTML元素的XML表示形式.
4、断言(console.assert())。
console.assert()可以用来判断一个表达式是否正确，如果错误，他就会打印错误信息在控制台窗口中。
5、追踪(console.trace())。
console.trace()是一个非常有趣的功能。我们先来看看官方的解释：打印Javascript执行时刻的堆栈追踪。
这个函数可以打印出程序执行时从起点到终点的路径信息。比如如果我们想知道某个函数是何时和如何被执行的，我们将console.trace()放在这个函数中，我们就能够的看到这个函数被执行的路径。这个函数在调试其他人的源代码时非常有用。
6、计时(Timing)。
console.time(timeName)可以用来计时，这个在我们需要知道代码执行效率的时候特别有用，就不用自己造轮子了。
function consoleTime(){ var timeName = "timer1"; console.time(timeName); var a = 0; for(var i = 0; i < 100; i++){ for(var j = 0; j < 100; j++){// console.log('Hello world'); a = a + 1; } } console.log("a = %d", a); console.timeEnd(timeName); }
7、Javascript分析器(Javascript Profiler)。
我们可以通过代码console.profile('profileName')或者单击Profiler标签来进行Javascript代码 执行的分析。这个功能有点类似于console.time()，可以帮助我们评估代码的表现，但是能够提供比console.time()更详细的信息。
有三种方法可以调用Javascript profiler。一种是在代码中写入分析脚本，一种是单击profile标签，最后还可以在命令行下输入命令来执行。执行后，可以看到详细的输出结果，下面对各项进行一些说明：
Function Column：显示调用的函数名称;
Call Column：显示调用次数;
Percent Column：显示消耗的时间比;
Own Time：显示函数内部语句执行的时间，不包括调用其他函数的时间;
Time Column：显示函数从开始到结束的执行时间;
Avg Column：平均时间。Avg = Own / Call;
Min & Max Column：显示最小和最大时间;
File Column：函数所在的文件;
8、其他的一些选项。
在Console Tab的最右侧有一个Options的选项，在这里可以自己定义需要显示的错误，其内容很好理解，这里就不多说了。有一点就是Firebug1.3以后，多了Show Chrome Errors和Show Chrome Message。

‘柒’ 在firefox的firebug的控制台的命令行中输入代码，出现异常SyntaxError: illegal character,

您好！很高兴为您答疑！

下图中这个逗号是中国输入法下输入的吧？更成英文的。

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

‘捌’ 我在firefox浏览器使用firebug时怎么样修改firebug字体的大小

您好！

先打开firebug，点击左上角的bug标志，选择"文本大小"命令。每次字体变化的幅度非常小，您可能需要使用多次。

如图所示：

希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
了解更多火狐浏览器的使用小技巧，请到火狐社区：http://mozilla.com.cn/topic/1/
感谢您对火狐浏览器的支持！

‘玖’ android抓包 fiddler怎么配置

Fiddler是一款非常流行并且实用的http抓包工具，它的原理是在本机开启了一个http的代理服务器，然后它会转发所有的http请求和响应，因此，它比一般的firebug或者是chrome自带的抓包工具要好用的多

Fiddler在android手机进行抓包的步骤如下：

1：配置Fiddler

Tools->Fiddler Options...

重启Fiddler

‘拾’ fireug console怎么独立

当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。
console.log(object[, object, ...])
使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的：

var animal='frog', count=10; console.log("The %s jumped over %d tall buildings", animal, count); console.log("The", animal, "jumped over", count, "tall buildings");

console.debug(object[, object, ...])
向控制台输出一条信息，它包括一个指向该行代码位置的超链接。
console.info(object[, object, ...])
向控制台输出一条信息，该信息包含一个表示“信息”的图标，和指向该行代码位置的超链接。
console.warn(object[, object, ...])
同 info。区别是图标与样式不同。
console.error(object[, object, ...])
同 info。区别是图标与样式不同。error 实际上和 throw new Error() 产生的效果相同，使用该语句时会向浏览器抛出一个 js 异常。
console.assert(expression[, object, ...])
断言，测试一条表达式是否为真，不为真时将抛出异常（断言失败）。
console.dir(object)
输出一个对象的全部属性（输出结果类似于 DOM 面板中的样式）。
console.dirxml(node)
输出一个 HTML 或者 XML 元素的结构树，点击结构树上面的节点进入到 HTML 面板。
console.trace()
输出 Javascript 执行时的堆栈追踪。
console.group(object[, object, ...])
输出消息的同时打开一个嵌套块，用以缩进输出的内容。调用 console.groupEnd() 用以结束这个块的输出。
console.groupCollapsed()
同 console.group(); 区别在于嵌套块默认是收起的。
console.time(name)
计时器，当调用 console.timeEnd(name);并传递相同的 name 为参数时，计时停止，并输出执行两条语句之间代码所消耗的时间（毫秒）。
console.profile([title])
与 profileEnd() 结合使用，用来做性能测试，与 console 面板上 profile 按钮的功能完全相同。
console.count([title])
输出该行代码被执行的次数，参数 title 将在输出时作为输出结果的前缀使用。
console.clear()
清空控制台
命令行
控制台的输出面板右边，是控制台的输入面板（Chrome 调试工具对应为下方），在这里除了可以运行常规的 javascript 代码，还内置了相当数量的命令行可以辅助我们的调试工作，下面是一些常用命令行的简单介绍。
$(id)
返回一个给定 id 的元素。
$$(selector)
返回给定的 css 选择器匹配到的一组元素。
$x(xpath)
返回给定的 XPath 表达式匹配到的一组元素。
$0
在 HTML 面板中选中的元素。
$1
上一次在 HTML 面板中选中的元素。
$n(index)
访问最近 5 个被选中过的元素，index 的范围： 0 – 4。
dir(object)
同 console.dir(object)。
dirxml(node)
同 console.dirxml(node)。
clear()
同 console.clear()。
inspect(object[, tabName])()
在合适的（或一个指定的） tab 中检视一个对象。
keys(object)
返回一个对象的所有属性的键。
values(object)
返回一个对象的所有属性的值。
debug(fn)
在函数第一行添加一个断点，使用 undebug(fn) 移除断点。
monitor(fn)
开启一个函数的调用日志，使用 unmonitor(fn) 关闭该功能。非常有用的一个命令，但是它似乎并没有很好地工作。
monitorEvents(object[, types])
开启一个元素的某个事件（或所有事件）被触发时的日志记录。用例如下：