Chrome擴充套件開發:載入官方範例進行測試

在上一篇介紹雙重畫面觀看(Dual View)功能使用到JavaScript的技術，然而若你想要自己寫JavaScript增加到Chrome瀏覽器，你需先學會如何寫擴充元件(Extensions)，然後再啟用開發者模式(Developer mode)進行測試. 另一方面，你也可以利用建立Extension練習網頁程式語言(HTML, CSS, and JavaScrip)．而有關Chrome擴充元件開發，今天主要教學先從官方網站下載測試範例後，Chrome載入此範例後檢視結果．

 圖一．成功載入測試範例

載點

• Google範例載點
• 主要顯示所有書籤
• 可搜尋，編輯你的書籤

教學影片

教程

1. 首先, 請到載點然後點選「My Bookmarks」後，下載測試範例basic.zip並解壓縮．
 



圖二．下載擴充元件開發-書籤範例



2. 接下來，請用以下的方法進入Chrome擴充元件，啟用開發者模式「Developer Mode」．
• 在Omnibox輸入「chrome://extensions/」
• 點選後，選擇「Tools」→「Extensions」





圖三．啟用Chrome的開發者模式



3. 接著, 請按下「Load unpacked extension...」，選擇測試範例basic資料夾所在位置，按下「OK」鍵載入此範例．





圖四．載入測試範例




4. 最後，如下圖所示成功載入此書籤範例．





 圖五．成功載入測試範例

延伸閱讀

• Chrome目錄：http://chenglearning.blogspot.tw/p/c.html