MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-03-29, 19:12

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





發表新文章 回覆主題  [ 19 篇文章 ]  前往頁數 12  下一頁
發表人 內容
文章發表於 : 2004-10-27, 18:56 
http://brownhen.com/DI.html
DOM Inspector是mozilla.org以XUL編寫出來方便編寫網頁資訊的工具。它不只能inspect DOM,也能inspect很多網頁排版上的資訊,是業界最強而具視覺化的網頁開發/偵錯工具。可惜不是人人都會使用,這篇就能讓用戶對它有最基本的認識。

為什麼要讓人懂用DOM Inspector?
1. 快速了解為什麼這網頁Firefox顯示不出,那網頁又顯示不好?
2. 讓用戶準確了解Firefox顯示不出來的原因跟瀏覽器無關(除非列出資訊跟顯示出來的不符),而是網頁寫得不好
3. 對寫出較標準的網頁有幫助


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040910
  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-28, 20:15 
4. 方便寫XUL extensions :)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-28, 22:46 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
Anonymous 寫:
http://brownhen.com/DI.html
DOM Inspector是mozilla.org以XUL編寫出來方便編寫網頁資訊的工具。它不只能inspect DOM,也能inspect很多網頁排版上的資訊,是業界最強而具視覺化的網頁開發/偵錯工具。可惜不是人人都會使用,這篇就能讓用戶對它有最基本的認識。

為什麼要讓人懂用DOM Inspector?
1. 快速了解為什麼這網頁Firefox顯示不出,那網頁又顯示不好?
2. 讓用戶準確了解Firefox顯示不出來的原因跟瀏覽器無關(除非列出資訊跟顯示出來的不符),而是網頁寫得不好
3. 對寫出較標準的網頁有幫助


不長 我來翻好了:) 請稍後一陣子


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-29, 18:17 
先行感謝 :o


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-31, 14:11 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
翻的差不多了
請先看看 有問題跟我說我在改過
之後等沒啥問題了我會把版面排過然後把英文拿掉 :D
DOM Inspector導覽手冊


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-31, 17:17 
離線
[MozTW 版主群]
頭像

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan
partial editing
其他 Gecko 為基礎的瀏覽器 → 其它以 Gecko 為核心的瀏覽器

在build的時後 → 在編譯的時後

跟瀏覽器類似 DOM Inspector有著URL列類似左方面版的邊框工具列並且還跟跟瀏覽器組合-像是郵件和Chatzilla或是其他小的延伸套件和對話視窗一樣都擁有類似的視窗和工具選單
與瀏覽器一樣,DOM Inspector 有著位址列、類似資料方塊列的左方面版、還有一些相同的選單項 (像是郵件 和 Chatzilla 等共有的
「視窗」和「工具」選單)。

底下的區域提供了DOM Inspector 簡單的概況 → 以下幾節提供了 DOM Inspector 的簡單說明

顯示在Inspect a Window這個選單項目底下的子選單就是目前已經載入的DOM視窗清單 很有可能瀏覽器的視窗和DOM Inspector已經被打開並且顯示在這個清單內了 DOM Inspector會追蹤所有已經開啟的DOM視窗 所以想要在DOM Inspector中存取特定的DOM視窗只要簡單地在DOM Inspetor 的應用程式中選擇清單中的項目即可 舉個例子來說 想要開始檢視主要郵件程式的DOM 那麼我們只要打開郵件程式 然後回到DOM Inspector 之後選擇File->Inspect a Window->Inbox for yourname@yourdomain.com

在 DOM Inspector 視窗裡,打開「檔案」選單 → 「Inspect a Window」,在子選單你會看到所有已載入的 DOM 視窗,大概會列有 DOM Inspector 它自己還有至少一個瀏覽器視窗。DOM Inspector 會追蹤所有已經開啟的視窗 (也就是它所知道的所有的 DOM),所以如果想要察看某個視窗,先把它打開,再回到 DOM Inspector 檢視它即可。舉例來說,想要開始檢視主郵件程式的 DOM,那麼我們只要打開郵件程式,然後回到 DOM Inspector 之後選擇「檔案」選單 → 「Inspect a Window」→ 「Inbox for <var>帳號@網域.com</var>」。

"熱鍵" ← 伯強,我們都是怎麼翻的?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040910
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-31, 17:56 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
dwx 寫:
partial editing
其他 Gecko 為基礎的瀏覽器 → 其它以 Gecko 為核心的瀏覽器

在build的時後 → 在編譯的時後


我查了一下書..build應該翻成建立比較好..
(FROM Visual C++教學手冊)
dwx 寫:
"熱鍵" ← 伯強,我們都是怎麼翻的?

這 ..還是翻成快速鍵.... :shock:
其他照改 謝謝:)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-10-31, 22:05 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
DOM Inspector導覽手冊

這是修改過差不多的中文版本 !


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 18:40 
請加上Big5字碼標籤(我要改編碼才看到@@)
另,element是否應--> 元素(您翻的是元件)?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 19:17 
離線
[MozTW 版主群]
頭像

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan
bit-by-bit review :roll:

如同page poking一樣,你會發現他在網頁和應用程式的開發上有著難以估算的價值。→看您是要窺視網頁,還是做網頁的設計或應用程式的開發,你會發現它有難以估算的價值。
DOM Inspector讓你檢視、研究甚至動態地更新DOM。→DOM Inspector 讓你檢視、沿巡、甚至即時更動 DOM。

Bob, traverse 翻「沿巡」可以嗎?

<var>帳號@網域.com <var> is actual HTML code

所選擇項目的相關資訊
Bob, how to translate "node" ?

高亮度顯示 →突顯

If you inspect the main browser window, for example, and select nodes in the right pane (other than the endless list of script elements that are loaded into navigator.xul and that have no visible UI), you will see the various parts of the browser interface being highlighted with a blinking red border. You can traverse the structure and go from largest parts (e.g., the statusbar element that sits at the top-level of the navigator DOM) to smallest parts, such as the "mini-mail" icon that lets users access the Mail application from the bottom left corner of the browser window. 忘了翻?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040910
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 19:42 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
Anonymous 寫:
請加上Big5字碼標籤(我要改編碼才看到@@)
另,element是否應--> 元素(您翻的是元件)?


不好意思 這是我的疏失..@@....已經改好
我在nvu中是設成UTF-8的...

不過像是
"Selecting Elements in a User Interface"
我是覺得Elements在這裡翻成元件會比元素好
不過為了統一起見 還是都翻成元素

謝謝你的建議 :)


最後由 CrazyLion 於 2004-11-01, 20:01 編輯,總共編輯了 1 次。

回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 19:52 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
dwx 寫:
bit-by-bit review :roll:

如同page poking一樣,你會發現他在網頁和應用程式的開發上有著難以估算的價值。→看您是要窺視網頁,還是做網頁的設計或應用程式的開發,你會發現它有難以估算的價值。
DOM Inspector讓你檢視、研究甚至動態地更新DOM。→DOM Inspector 讓你檢視、沿巡、甚至即時更動 DOM。

Bob, traverse 翻「沿巡」可以嗎?

<var>帳號@網域.com <var> is actual HTML code

所選擇項目的相關資訊
Bob, how to translate "node" ?

node 節點可以嗎?
dwx 寫:
高亮度顯示 →突顯

If you inspect the main browser window, for example, and select nodes in the right pane (other than the endless list of script elements that are loaded into navigator.xul and that have no visible UI), you will see the various parts of the browser interface being highlighted with a blinking red border. You can traverse the structure and go from largest parts (e.g., the statusbar element that sits at the top-level of the navigator DOM) to smallest parts, such as the "mini-mail" icon that lets users access the Mail application from the bottom left corner of the browser window. 忘了翻?


天阿 問題真多 真的感到很抱歉..下一次會更加注意品質問題
恩 似乎是忘了刪...
其他照改 :) 謝謝

稍後..存檔後全部變亂碼.... 慘了
===
done


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 22:06 
不好意思,在這裡提一些比較枝微末節的問題...

代碼:
時後
」應該作「時候」,後跟候並不是通同字。

「[/code]是一個Mozilla的應用程式你。可以從
代碼:
」裡的句號該向左挪一個字。

  「
面版
代碼:
」應作「面板」(panel),或作「版面」(layout),因為「面版」並不是常用詞(是新辭嗎)。

  「
察看
代碼:
」應作「查看」或勉強作「觀察」;「察看」是有這個辭的,但是用在「心理上」的層次。

因為我並不是程式設計的專業,所以我想上面這些辭有可能是專業術語而不該更動的,不過...無論如何我認為這篇文章對象我這樣的入門者來說絕對會有很大的幫助,因此希望CrazyLion大早點完成全牘,即使沒什麼能力還是想幫一點小忙的。

最後,CrazyLion大趕快缺的標點符號補上去吧~看您的了!


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.3) Gecko/20041027 Firefox/1.0RC1 (JTw)
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 22:08 
不好意思~上面那篇的tag亂掉了...


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.3) Gecko/20041027 Firefox/1.0RC1 (JTw)
  
引用回覆  
 文章主題 :
文章發表於 : 2004-11-01, 23:17 
離線

註冊時間: 2004-10-11, 21:16
文章: 78
來自: PingTung
路人乙 寫:
不好意思,在這裡提一些比較枝微末節的問題...

代碼:
時後
」應該作「時候」,後跟候並不是通同字。

「[/code]是一個Mozilla的應用程式你。可以從
代碼:
」裡的句號該向左挪一個字。

  「
面版
代碼:
」應作「面板」(panel),或作「版面」(layout),因為「面版」並不是常用詞(是新辭嗎)。

  「
察看
代碼:
」應作「查看」或勉強作「觀察」;「察看」是有這個辭的,但是用在「心理上」的層次。

因為我並不是程式設計的專業,所以我想上面這些辭有可能是專業術語而不該更動的,不過...無論如何我認為這篇文章對象我這樣的入門者來說絕對會有很大的幫助,因此希望CrazyLion大早點完成全牘,即使沒什麼能力還是想幫一點小忙的。

最後,CrazyLion大趕快缺的標點符號補上去吧~看您的了!


唉..我現在才知道我不只是英文不好 國文還不好.....=.=
其實我在打的時後沒有很注意
這就是使用自然輸入法之類的壞處.....
謝謝大家花時間幫我校正...非常感謝 :)
已經照改了 謝謝建議


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 19 篇文章 ]  前往頁數 12  下一頁

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


誰在線上

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


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

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