套件開發工具 - Extension Developer's Extension
出自 MozTW Wiki
chieldronce
ä¾æºï¼Extension Developer's Extension
ä½è
ï¼Ted Mielczarek ç
§çï¼18ç¦ï¼
éæ¯ä¸åä¸é¯çåå©éç¼å¥ä»¶çå·¥å
·ï¼å¯ä»¥è®ä½ ä¸ç¨ä¸æ¥ä¸æ¥ä¿®æ¹ç¨å¼ç¢¼ï¼ææ¯é¢æ¿å¾ï¼éè¦ç¶éå°è£çæçºï¼æè½çå°å¥ä»¶è®åå¾çå
§å®¹ã
èä¸ï¼éæ¯ Firefox çå¥ä»¶ä¹ä¸ï¼è®ä½ ç´æ¥å¨ Firefox éç¼å¥ä»¶ã
內容大綱
- 1 ç¹è² (Features)
- 2 å¥ä»¶å°è£å·¥å · (Extension Builder)
- 3 å®è£æ¸ å®ç·¨è¼¯å¨ (install.rdf Editor)
- 4 Javascript å½ä»¤å (Javascript Shell)
- 5 Javascript éç¼ç°å¢ (Javascript Environment)
- 6 å³æ XUL ç·¨è¼¯å¨ (Live XUL Editor)
- 7 å³æ HTML ç·¨è¼¯å¨ (Live HTML Editor)
- 8 æè½é¤é¯(Toggle Debugging Prefs)
- 9 éæ°æ´ç(Reload All Chrome)
ç¹è² (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 å°±è½é¦¬ä¸æ´æ°è¦è¼çå §å®¹ã