MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-11-01, 07:49

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 4 篇文章 ] 
發表人 內容
 文章主題 : [提名] Web Developer
文章發表於 : 2005-01-01, 19:01 
離線

註冊時間: 2004-12-25, 23:43
文章: 22
  • 套件名稱
    Web Developer
  • 下載處
    Mozilla Update
    作者網頁
  • 目前版本
    0.9.1
  • 描述自己的使用經驗
    對網頁寫作者來說,這是一個相當好用的套件;
    就算不會寫,可以自由關閉網頁裡的各種元件這個功能也很值得一用!
    個人比較常用的功能有:

    1. Disable網頁中的任何元件(JavaScript、CSS、圖片、Cookies等等),開發者可以檢測自己的網站在特殊情況下的效果(例如圖片還沒載入完全時字體與背景的搭配),也能模擬一個最"爛"的瀏覽器;可以簡單關閉JavaScript對一般人來說也是個很方便的功能。另外網路速度慢的時候,把全部圖片關掉來增加上網速度也是一個非常手段XD

    2. 可以輕鬆偷看網頁的各種原始資訊XD

    3. 顯示畫面上的圖形維度、在畫面上區域加上淺紅線的outline;這功能相當有助瞭解別人網頁的撰寫和配置方式。

    4. 直接編輯目前頁面的CSS,還能套用自己的style到目前的頁面上觀看結果。

    5. 改變browser大小、顯示頁面在不同解析度下的外觀

    6. 直接把頁面傳送到W3C驗證XHTML和CSS等等...

    這個套件的功能相當強大,我用到的只有其中的一小部分而已。
    有請強者繼續補述了XD


回頂端
Mozilla/5.0 (Windows; U; Win98; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-01-02, 06:30 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
我個人認為這套件真的挺好用的,
不論是對網頁編寫者或是一般使用者。
(以下以 FF1.0 及 WD0.8 為例作說明)

首先先說明它把哪些功能給拉到工具列上來方便你開關,
不過或許這個可以用其它套件來代替會比較好也說不定啦。
一、 cookies (在「工具→選項→個人隱私」中)
二、 Java (在「工具→選項→網頁」中)
三、 JavaScript (在「工具→選項→網頁」中)
四、 載入圖片 (在「工具→選項→網頁」中)
五、 CSS Style (在「檢視→頁面樣式」中)
六、 檢視原始碼 (在「檢視→此頁原始內容」)

接著說明我個人使用它的情況,
我個人是以「全部情況下都能舒適閱讀」為目的,
所以螢幕解析度、HTML語法的架構、載入速度等,
這些都必須去考慮到,而 WD 提供了方便的模擬環境。
(當然我實際寫出來的網頁其實一點也不舒適)
另外我個人幾乎沒在用 HTML 的屬性來設計網頁樣式,
所以只要開關 CSS 就好,有使用該屬性的請自行調整。
一、模擬純文字瀏覽器的方法
  純文字瀏覽器只能看文字,連 CSS 都不支援,(大概)
  所以你的 HTML 架構得要好好規畫,
  這時就必須要用到 XHTML 的標準來處理了,
  你必須在關閉掉圖片、關閉 Style 等支援下,
  還是能「舒適閱讀」才行。
  XHTML 要求你圖片一定要附 alt 替代文字,
  (此時你應該要用「Images」最底下那項來確認)
  並且使用唯一的 id 來代替 a 的 name 屬性,
  (重點是 id 屬性可以套用在任何區塊標籤中)
  還有除了某些特定的標籤外,
  所有的標籤都得要有始有終,
  總之實際寫過一次就知道了。
二、模擬不同解析度下的環境
  在 WD 工具列上的「Resize」中可調整不同的視窗大小。
  雖然這個並不會真的以該解析度來處理文字,
  不過拿來確認一下你的網頁區塊的大小,
  在不同解析度的電腦上的狀況倒是還算堪用。
三、方便的語法檢查功能
  你可以用「Validation」,
  來設定你想要用的檢測器的網址,
  也可以使用預設的檢測器來檢測 HTML 和 CSS 等等的。
  「Miscellaneous」中還可以開 Java 跟 JavaScript 的控制台,
  來檢查網頁的 Java 等的是否有錯。
四、查看原始碼
  你可以按「View Source」看原始碼,
  還可以利用「CSS→View CSS」來看該頁面所用到的 CSS 檔。
五、自訂熱鍵
  在「Options→Options」中,
  Keyboard 可以讓你自訂 WD 的熱鍵。

其它??我個人只用到這麼多而已,
也許有人會用得更透徹也說不定。
(其實基本功能就跟首篇推薦人寫的一樣,我只是舉使用實例而已。)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041107 Firefox/1.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-01-02, 14:40 
離線
[網站管理員]
頭像

註冊時間: 2002-01-07, 19:28
文章: 3080
來自: 台灣
推一下新版的「CSS > Display CSS by Media Type」功能

以前要設計「列印用」樣式時,為了預覽方便都要先手動修改 media type。有了這個功能後可以直接於 Firefox 裡切換要顯示的 media type,更加方便了!

我也很喜歡裡頭 Edit CSS 的「隨打即顯示」功能,立即輸入就可以立即看到效果,是學習的好幫手!

_________________
雜工 :: 柏強 / Bob Chao
發問討論請保持禮節,在志工社群裡沒有人有「義務」要為您做些什麼。

* MozTW 志工無限招募中,開放網路世界需要您的一臂之力


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2005-01-02, 19:44 
離線
[網站管理員]
頭像

註冊時間: 2004-11-06, 23:25
文章: 762
我也覺得Web Developer實在很好用,但是這卻不是一個適合作為預設套件的選擇。因為對一般上網的使用者來說,他們完全用不到這些功能,而裝了又會增加一行工具列。(我當然知道可以關掉,但是一般使用者知道怎麼關工具列的有多少一定是超乎我們想像的少。)
因此像這種power user使用的套件,還是留著讓power user自己裝比較好。


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 4 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 2 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群