Mozilla: Extensions: webdeveloper

From TestingMediawiki
Jump to navigation Jump to search

回到 Mozilla ‧ 回到 Mozilla: Extensions


Mozilla Update 的說明及下載位置 http://update.mozilla.org/extensions/moreinfo.php?id=60

寫網頁的好幫手,一般瀏覽時也能幫上大忙,筆者大力推薦。

安裝好重新啟動 Mozilla Suite / Firefox 後,會新增該工具列出來,
可到「檢視 → 工具列」中去開關它。

其功能簡介如下(由該工具列之項目之左邊介紹至右邊):

  1. Disable
    • 可讓你開關一份網頁中的物件使用和樣式使用等的用的。
    1. Delete Domain Cookies
      • 刪除本機小餅乾,刪除掉本機中 Mozilla Suite / Firefox 所存放的小餅乾。
    2. Disable Cookies
      • 關閉小餅乾的作用,小餅乾可以用來紀錄你的瀏覽習慣,如果有站台要你填私密資料的話,最好限制該小餅乾只能傳給該原始站台,這可以在「工具 → 選項 → 個人隱私 → Cookies」中調整。
    3. Disable Image Animations
      • 關閉圖片動畫的作用,這是指不讓 GIF 等動畫作用的意思。
    4. Disable Images
      • 關閉圖片的作用,讓網頁中的圖片不顯示出來,只單純留下該圖片的大小區塊在那兒。(如果有指定的話)
    5. Disable Java
      • 關閉 Java 的作用
    6. Disable JavaScript
      • 關閉 JavaScript 的作用
    7. Disable Page Colors
      • 關閉頁面顏色的作用,讓網頁中的顏色指定變成由瀏覽器採取預設的設定,通常是白底黑字的設定。
    8. Disable Referrer Logging
      • 不清楚是幹嘛的
    9. Disable Styles ( Ctrl + Shift + D )
      • 關閉樣式的作用,這是指不讓 CSS 產生作用的意思。
  2. CSS
  3. Forms
  4. Images
  5. Information
  6. Miscellaneous
  7. Outline
  8. Resize
  9. Validation
    • 檢測器,採用 W3C 的標準。
    1. Validate CSS
      • 檢測現在正在看的網際網路的網頁的 CSS 是否合乎標準。
    2. Validate HTML ( Ctrl + Shift + V )
      • 檢測現在正在看的網際網路的網頁的 HTML 是否合乎標準。
    3. Validate Links
      • 檢測現在正在看的網際網路的網頁的鏈結是否都有正確的參照位置。(好像?)
    4. Validate Section 508 Accessibility
      • 看不懂。
    5. Validate WAI Accessibility
      • 看不懂。
    6. Validate Local CSS
      • 檢測現在正在看的本機網頁的 CSS 是否合乎標準。
    7. Validate Local HTML ( Ctrl + Shift + L )
      • 檢測現在正在看的本機網頁的 HTML 是否合乎標準。
    8. Custom Validator
      • 自訂檢測器,沒用過不清楚這樣。
  10. View Source
    • 查看源碼用的,可在 Web Developer 的「Options」中設定成是否把打開的源碼給開到新分頁顯示。
  11. Options
    • 設定 Web Developer 的一些設定。