十一月 30, 2010

links for 2010-11-30

Posted in Uncategorized 於 10:01 下午 由 midashuang

Firefox 開發套件

Posted in Uncategorized 於 10:29 上午 由 midashuang

Firebug : Firebug 是 firefox 中非常知名的擴充套件,不但可以測速度、顯示CSS標籤、框架與各種網頁程式碼的內容,更可幫我們測試網頁下載速度、DOM資訊以及script的除錯等,對網頁設計師來說是相當好用的好幫手。

  • 在Firefox瀏覽器安裝好Firebug擴充套件後,視窗右下角會出現一個小蟲的圖示,請按一下那隻小蟲。
  • 開啟Firefub的檢測頁面後,然後勾選你要在這網站中啟用的檢測功能,測速度的話請將「網路」的選項開啟
  • 然後再按一下Firefox瀏覽器中的重新整理頁面按鈕(或按F5),讓瀏覽器重新讀取網頁資料。「網路」頁面中便會顯示已讀取的圖檔、元件、Javascript...等等項目。
  • 其他還有很多Firebug獨有的網頁檢測、除錯功能,我們可以按一下HTML按鈕,點選頁面中的元素觀察按鈕,再去選頁面中的框架、圖片或項目,下方便會顯示出他的原始碼與所使用的CSS、標籤...等,相當好用。

其他強大的功能:
1. runtime step by step (含設置中斷點, step over, step into, step out, call stack)
2. runtime variable value display
3. dom viewer
4. 動態地(利用滑鼠)檢視頁面顯示及html code的對應
5. 可以即時獲得 XML HttpRequest資訊(包含post, response, headers) (這對ajax非常有用)
6. event即時檢視器
7. 動態地(利用滑鼠)檢視頁面顯示及css的對應
8. 動態地(利用滑鼠)檢視頁面顯示及layout的對應

Firephp :Firephp 是firefox中PHP的除錯工具,它可以輸出 PHP 資料到 FireBug console 介面,方便解決 PHP 相關問題,而不會去影響線上網站的畫面。

十一月 29, 2010

links for 2010-11-29

Posted in Uncategorized 於 10:02 下午 由 midashuang

十一月 26, 2010

links for 2010-11-26

Posted in Uncategorized 於 10:01 下午 由 midashuang

十一月 25, 2010

links for 2010-11-25

Posted in Uncategorized 於 10:01 下午 由 midashuang

十一月 24, 2010

links for 2010-11-24

Posted in Uncategorized 於 10:20 下午 由 midashuang

十一月 23, 2010

links for 2010-11-23

Posted in Uncategorized 於 10:01 下午 由 midashuang

十一月 22, 2010

links for 2010-11-22

Posted in Uncategorized 於 10:02 下午 由 midashuang

十一月 19, 2010

links for 2010-11-19

Posted in Uncategorized 於 10:01 下午 由 midashuang

十一月 18, 2010

links for 2010-11-18

Posted in Uncategorized 於 10:01 下午 由 midashuang

下一頁