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])
開啟一個元素的某個事件（或所有事件）被觸發時的日誌記錄。用例如下：