「套件開發工具 - Extension Developer's Extension」修訂間的差異
出自 MozTW Wiki
ChitaElric（對話 | 貢獻） 小 （http://nicolamenicacci.com/board/wp-content/uploads/media/628.html） |
（Revision as of 15:51 2008年九月13日;） |
||
| (未顯示由 2 位使用者於中間所作的 15 次修訂) | |||
| 行 1： | 行 1： | ||
| − | + | 來源：[http://ted.mielczarek.org/code/mozilla/extensiondev/ Extension Developer's Extension]<br> | |
| − | + | 作者：[http://ted.mielczarek.org/ Ted Mielczarek] [http://ted.mielczarek.org/pics/ 照片]（18禁） | |
| − | |||
| − | |||
| − | + | 這是一個不錯的協助開發套件的工具，可以讓你不用一步一步修改程式碼，或是面板後，還要經過封裝的手續，才能看到套件變動後的內容。<br> | |
| − | + | 而且，這是 Firefox 的套件之一，讓你直接在 Firefox 開發套件。 | |
| − | === | + | === 特色 (Features) === |
| − | + | 在工具列加入按鈕<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/ed-buttons.png<br> | http://ted.mielczarek.org/code/mozilla/extensiondev/ed-buttons.png<br> | ||
| − | + | 由工具選單執行<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/ed-menu.png<br> | http://ted.mielczarek.org/code/mozilla/extensiondev/ed-menu.png<br> | ||
---- | ---- | ||
| − | === | + | === 套件封裝工具 (Extension Builder) === |
| − | + | 快速地自動封裝你的套件<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/extensionbuilder.png<br> | http://ted.mielczarek.org/code/mozilla/extensiondev/extensionbuilder.png<br> | ||
---- | ---- | ||
| − | === | + | === 安裝清單編輯器 (install.rdf Editor) === |
| − | + | 還在用手動的方式建立你的安裝清單嗎？來試試這個方便的圖形介面工具吧！<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor1.png | http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor1.png | ||
http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor2.png<br> | http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor2.png<br> | ||
| 行 31： | 行 29： | ||
---- | ---- | ||
| − | === Javascript | + | === Javascript 命令列 (Javascript Shell) === |
| − | + | 交談式的執行 Javascript 命令，這個版本有 chrome 權限，可以讓你實驗 XPCOM<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/jsshell.png | http://ted.mielczarek.org/code/mozilla/extensiondev/jsshell.png | ||
---- | ---- | ||
| − | === Javascript | + | === Javascript 開發環境 (Javascript Environment) === |
| − | + | 讓你執行好幾行程式碼，也可以使用 XPCOM 物件。<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/jsenv.png | http://ted.mielczarek.org/code/mozilla/extensiondev/jsenv.png | ||
---- | ---- | ||
| − | === | + | === 即時 XUL 編輯器 (Live XUL Editor) === |
| − | + | 輸入語法後，讓你立即看到介面外觀。<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/xuledit.png | http://ted.mielczarek.org/code/mozilla/extensiondev/xuledit.png | ||
---- | ---- | ||
| − | === | + | === 即時 HTML 編輯器 (Live HTML Editor) === |
| − | + | 輸入語法後，讓你立即看到網頁的內容。<br> | |
http://ted.mielczarek.org/code/mozilla/extensiondev/htmledit.png | http://ted.mielczarek.org/code/mozilla/extensiondev/htmledit.png | ||
---- | ---- | ||
| − | === | + | === 效能除錯(Toggle Debugging Prefs) === |
| − | + | 按一個按鈕後，快速地執行效能除錯。 | |
---- | ---- | ||
| − | === | + | === 重新整理(Reload All Chrome) === |
| − | + | 不用重新開啟 Firefox 就能馬上更新覆載的內容。 | |
於 2009年5月26日 (二) 12:45 的最新修訂
來源：Extension Developer's Extension
作者：Ted Mielczarek 照片（18禁）
這是一個不錯的協助開發套件的工具，可以讓你不用一步一步修改程式碼，或是面板後，還要經過封裝的手續，才能看到套件變動後的內容。
而且，這是 Firefox 的套件之一，讓你直接在 Firefox 開發套件。
內容大綱
特色 (Features)
在工具列加入按鈕
http://ted.mielczarek.org/code/mozilla/extensiondev/ed-buttons.png
由工具選單執行
http://ted.mielczarek.org/code/mozilla/extensiondev/ed-menu.png
套件封裝工具 (Extension Builder)
快速地自動封裝你的套件
http://ted.mielczarek.org/code/mozilla/extensiondev/extensionbuilder.png
安裝清單編輯器 (install.rdf Editor)
還在用手動的方式建立你的安裝清單嗎？來試試這個方便的圖形介面工具吧！
http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor1.png
http://ted.mielczarek.org/code/mozilla/extensiondev/install-editor2.png
Javascript 命令列 (Javascript Shell)
交談式的執行 Javascript 命令，這個版本有 chrome 權限，可以讓你實驗 XPCOM
http://ted.mielczarek.org/code/mozilla/extensiondev/jsshell.png
Javascript 開發環境 (Javascript Environment)
讓你執行好幾行程式碼，也可以使用 XPCOM 物件。
http://ted.mielczarek.org/code/mozilla/extensiondev/jsenv.png
即時 XUL 編輯器 (Live XUL Editor)
輸入語法後，讓你立即看到介面外觀。
http://ted.mielczarek.org/code/mozilla/extensiondev/xuledit.png
即時 HTML 編輯器 (Live HTML Editor)
輸入語法後，讓你立即看到網頁的內容。
http://ted.mielczarek.org/code/mozilla/extensiondev/htmledit.png
效能除錯(Toggle Debugging Prefs)
按一個按鈕後，快速地執行效能除錯。
重新整理(Reload All Chrome)
不用重新開啟 Firefox 就能馬上更新覆載的內容。
