Chrome Extension 入門

Chrome Extension 入門

更新於 發佈於 閱讀時間約 2 分鐘
轉移自 LogDown 原文日期 March 12, 2015 20:26

前陣子看到別人的 Chrome Extension 之後,筆者也開始好奇這塊領域。

官方引導全都是英文,但不會太難看懂。
簡言之只要為應用準備好一個資料夾,然後裡面有以下四個檔案即可。
manifest.json :宣告應用的結構,相似于 Android 的 AndroidManifest.xml, GAE 的 app.yaml 。
icon.png : 顧名思義,應用的入口圖片。
popup.html :應用的界面。
popup.js :應用的方法。
如果寫好了,自然是要開始測試結果。
在 chrome 的網址列上執行 chrome://extensions ,把開發人員模式打開。


有兩個方式載入我們的應用,其一是點選「載入未封裝擴充功能」,然後選擇應用的資料夾;另一個簡單的方法就是直接把應用的資料夾拖曳到這個網頁。

就可以在網頁上和網址列的右側看到剛寫好的應用已經成為你 Chrome Extension 的一員。

至於程式開發的部分,可以參考官方開發教學官方提供的方法
今天的時間已晚,下次再來研究。

avatar-img
Kate的沙龍
6會員
45內容數
和 Kotlin 相關的系列文章。 給程式初學者的「Kotlin 學習系列」 給正在實戰的工程師「Kotlin 實戰系列」
留言
avatar-img
留言分享你的想法!
Kate的沙龍 的其他內容
比起說這是新技術,不如說是統一前端規格。 以前在不同框架下,類似功能的東西名字各不相同。比如輸入文字的物件,Android叫做EditText,iOS叫做UITextField,Html叫做TextBox或是input標籤。 這讓跨平台的開發者非常痛苦,痛不欲生。 而統一規格意味著,只要專心寫一套程
https://discord.gg/8GRF3YsG?event=1033340341711028224 今天(10/23)晚上七點: 《老姐要用 Kotlin 寫專案》作者分享如何把小說和技術文整合在一起。 連續三年都用Kotlin參加IT邦鐵人賽的心得分享。 關於書本、鐵人賽文章、任何遇到的K
當初第一次參賽就得獎出書,就養成了每年都參加的習慣,今年是第三年了,這次寫的是《不解題就不能離開的房間》系列。 這還滿有趣的,三十天每天只要三百字,將自己的技術寫出來分享,就有機會出書。
比起說這是新技術,不如說是統一前端規格。 以前在不同框架下,類似功能的東西名字各不相同。比如輸入文字的物件,Android叫做EditText,iOS叫做UITextField,Html叫做TextBox或是input標籤。 這讓跨平台的開發者非常痛苦,痛不欲生。 而統一規格意味著,只要專心寫一套程
https://discord.gg/8GRF3YsG?event=1033340341711028224 今天(10/23)晚上七點: 《老姐要用 Kotlin 寫專案》作者分享如何把小說和技術文整合在一起。 連續三年都用Kotlin參加IT邦鐵人賽的心得分享。 關於書本、鐵人賽文章、任何遇到的K
當初第一次參賽就得獎出書,就養成了每年都參加的習慣,今年是第三年了,這次寫的是《不解題就不能離開的房間》系列。 這還滿有趣的,三十天每天只要三百字,將自己的技術寫出來分享,就有機會出書。