CSS基礎教學之Firebug...LOGIN
简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）

CSS基礎教學之Firebug調試工具

開發時，推薦大家電腦上都安裝一下火狐瀏覽器(Firefox)

20.png

#Firefox裡面有一款叫Firebug的插件

21.png

  • #Firebug是網頁瀏覽器Mozilla firefox下的開發類別插件， 現屬於Firefox的五星級強力推薦外掛程式之一。它集HTML檢視與編輯、Javascript控制台、網路狀況監視器於一體，是開發 JavaScript、CSS、HTML和Ajax的得力助手。 Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節層面， 給Web開發者帶來很大的便利。

  • 對於網頁開發人員來說，Firebug是Firefox瀏覽器中最好的插件之一，也可以說Firebug的CSS調試器是專為網頁設計師們量身定做的！

接下來，我們來安裝firebug

  • #先搜尋Firefox並安裝

  • 安裝完成之後，開啟瀏覽器

  • 點選右上角，如下圖

22.png

  • 點選新增附加

在頁面中搜尋firebug

23.png

搜尋到，點選安裝即可，安裝完成後重新啟動瀏覽器，在右上角會出現

24.png

#此時已安裝成功，點選即可開啟firebug######使用方法在往後的學習中會慢慢介紹，大家也可以上網搜尋相關介紹###下一節
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> h1{ color:red; border:1px solid black; text-align:center; background-color:#666666; } </style> </head> <body> <h1>欢迎加入php.cn</h1> </body> </html>
提交重置程式碼
章節課件