欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js之WEB開發(fā)調(diào)試利器:Firebug 下載

 更新時間：2007年01月13日 00:00:00   作者：  

在米隨隨的Blog看到有關(guān)Firebug的介紹，遂下載試用了一下，確實是比較好的工具。

一、效果
firebug demo

二、主要功能

  • Inspect and edit HTML
  • Tweak CSS to perfection
  • Visualize CSS metrics
  • Monitor network activity
  • Debug and profile JavaScript
  • Quickly find errors
  • Explore the DOM
  • Execute JavaScript on the fly
  • Logging for JavaScript

對于WEB開發(fā)人員來說，可以非常方便的得到自己想要的信息：HTML、DOM、CSS、JS，甚至各個文件的下載時間。

剛測試了一下JS的調(diào)試功能，非常方便，可以設(shè)置斷點，鼠標(biāo)移至變量名上，可以得到相應(yīng)值的提示。太棒了！

三、非Firefox瀏覽器的解決方案：Firebug Lite

對于非Firefox瀏覽器，F(xiàn)irebug也有相應(yīng)的解決方案—Firebug Lite，通過使用console.log()輸出錯誤信息至Firebug 控制臺。

1.下載Firebug Lite

下載地址：http://getfirebug.com/releases/firebuglite1.0-b1.zip，解壓至WEB目錄，比如/js/firebug/。

在頁面中增加以下代碼：

  1. <script language="javascript" type="text/javascript" 
  2.             src="/path/to/firebug/firebug.js"></script>

如果不想安裝Firebug Lite,只是為了避免Javascript錯誤，可以點擊這里下載firebugx.js然后copy至代碼中即可。

這個文件的代碼如下：

  1. if (!("console" in window) || !("firebug" in console))
  2. {
  3.     var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
  4.     "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
  6.     window.console = {};
  7.     for (var i = 0; i < names.length; ++i)
  8.         window.console[names[i]] = function() {}
  9. }

2.使用Firebug Lite
默認情況下，打開頁面后，可以按F12開啟Firebug的控制臺，如果不想頻繁按F12來進入調(diào)試狀態(tài)，也可在HTML元素上增加　debug=”true” ，如下：

  1. <html debug="true">

3.使用命令行

Firebug也包含一個命令行程序，可以使用以下快捷鍵Ctrl+Shift+L (or ⌘+Shift+L on Mac)

4.測試頁面
按 F12 或 Ctrl+Shift+L，就可以看到效果了。

相關(guān)文章

  • js分頁代碼分享

    js分頁代碼分享

    這篇文章主要介紹了js分頁代碼示例，很簡單的代碼,需要的朋友可以參考下
    2014-04-04
  • JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)

    JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)

    這篇文章主要介紹了JavaScript onkeypress事件入門實例,onkeypress事件捕捉按下或按住一個鍵盤按鍵的情況,需要的朋友可以參考下
    2014-10-10
  • fetch()函數(shù)說明與使用方法詳解

    fetch()函數(shù)說明與使用方法詳解

    fetch()是XMLHttpRequest的升級版,用于在JavaScript腳本里面發(fā)出 HTTP請求,本文章向大家介紹fetch()的用法,主要包括fetch()的用法使用實例、應(yīng)用技巧、基本知識點總結(jié)和需要注意事項，具有一定的參考價值，需要的朋友可以參考一下。
    2022-11-11
  • javascript設(shè)計模式之享元模式

    javascript設(shè)計模式之享元模式

    這篇文章主要為大家介紹了javascript享元模式，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
    2022-01-01
  • 頁面get請求 中文參數(shù)方法亂碼問題的快速解決方法

    頁面get請求 中文參數(shù)方法亂碼問題的快速解決方法

    下面小編就為大家?guī)硪黄撁鎔et請求 中文參數(shù)方法亂碼問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • JavaScript 高級篇之函數(shù) （四）

    JavaScript 高級篇之函數(shù) （四）

    本節(jié)我將分享我對函數(shù)，嵌套函數(shù)，作為數(shù)據(jù)的函數(shù)，作為對象的函數(shù)等
    2012-04-04
  • 一起來學(xué)習(xí)JavaScript的語法基礎(chǔ)

    一起來學(xué)習(xí)JavaScript的語法基礎(chǔ)

    這篇文章主要為大家詳細介紹了JavaScript的語法基礎(chǔ)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
    2022-03-03
  • Javascript字符串對象的常用方法簡明版

    Javascript字符串對象的常用方法簡明版

    這篇文章主要介紹了Javascript字符串對象的常用方法簡明版,本文用一個代碼例子列表了Javascript字符串對象的一些常用方法,例如加粗、斜體、刪除線、上標(biāo)、下標(biāo)、大小寫、查找字符、替換字符等,需要的朋友可以參考下
    2014-06-06
  • JS數(shù)學(xué)函數(shù)Exp使用說明

    JS數(shù)學(xué)函數(shù)Exp使用說明

    JS數(shù)學(xué)函數(shù)Exp使用說明
    2012-08-08
  • ajax與jsonp的區(qū)別及用法

    ajax與jsonp的區(qū)別及用法

    在本篇文章里我們給大家分享了ajax與jsonp的區(qū)別的相關(guān)知識點內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。
    2018-10-10

最新評論