Chrome Extension 入門

閱讀時間約 1 分鐘
轉移自 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
    6會員
    45內容數
    和 Kotlin 相關的系列文章。 給程式初學者的「Kotlin 學習系列」 給正在實戰的工程師「Kotlin 實戰系列」
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    Kate的沙龍 的其他內容
    轉移自 LogDown 原文日期 December 26, 2014 14:46  因為專案將要轉移到 jira 和 bitbucket ,所以留下記錄,以便將來輕鬆操作。 用過這兩者的人應該會知道,其實這兩家服務是同一家公司提供的,因為界面是同一個形態啊。 就因如此,它們之間有更多緊密聯繫,一
    轉移自 LogDown 原文日期 December 25, 2014 12:14  在 IntelliJ IDEA 的 Preferences 選單裡,搜尋 VM Options ,看你是用什麼工具 build 的,如果是 Maven ,就在 Maven - Runner,筆者是用 Gradle ,
    轉移自 LogDown 原文日期 December 19, 2014 11:07  雖然 gradle 很好用,但有時候會出現一些我們無法輕易理解的訊息,像是找不到某個版本的 library 。ex: Could not find com.google.android.gms:play-servic
    轉移自 LogDown 原文日期 September 17, 2014 11:08 不知道有多少人使用過 noHistory 屬性。 看似方便,卻有古怪的後遺症,這是筆者的親身體驗。 在此直接舉自身遭遇的例子:在登入畫面的 Activity 使用該屬性,並準備好前往登入畫面的程式碼。 Androi
    轉移自 LogDown 原文日期 September 16, 2014 22:06   不知道有沒有人和筆者一樣已經習慣在 Androidmanifest.xml 裡為 android:configChanges 加上一大串的 flag ,而忘記它的意義。   Activity 是很敏感的,如果沒有
    轉移自 LogDown 原文日期  July 30, 2014 19:36  Gogo Monkey Run Kevin, Gogolook monkey runner     - auto-testing tool     - python monkey recorder     - co
    轉移自 LogDown 原文日期 December 26, 2014 14:46  因為專案將要轉移到 jira 和 bitbucket ,所以留下記錄,以便將來輕鬆操作。 用過這兩者的人應該會知道,其實這兩家服務是同一家公司提供的,因為界面是同一個形態啊。 就因如此,它們之間有更多緊密聯繫,一
    轉移自 LogDown 原文日期 December 25, 2014 12:14  在 IntelliJ IDEA 的 Preferences 選單裡,搜尋 VM Options ,看你是用什麼工具 build 的,如果是 Maven ,就在 Maven - Runner,筆者是用 Gradle ,
    轉移自 LogDown 原文日期 December 19, 2014 11:07  雖然 gradle 很好用,但有時候會出現一些我們無法輕易理解的訊息,像是找不到某個版本的 library 。ex: Could not find com.google.android.gms:play-servic
    轉移自 LogDown 原文日期 September 17, 2014 11:08 不知道有多少人使用過 noHistory 屬性。 看似方便,卻有古怪的後遺症,這是筆者的親身體驗。 在此直接舉自身遭遇的例子:在登入畫面的 Activity 使用該屬性,並準備好前往登入畫面的程式碼。 Androi
    轉移自 LogDown 原文日期 September 16, 2014 22:06   不知道有沒有人和筆者一樣已經習慣在 Androidmanifest.xml 裡為 android:configChanges 加上一大串的 flag ,而忘記它的意義。   Activity 是很敏感的,如果沒有
    轉移自 LogDown 原文日期  July 30, 2014 19:36  Gogo Monkey Run Kevin, Gogolook monkey runner     - auto-testing tool     - python monkey recorder     - co
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    Google 將會在 Chrome 92 加入名為 Back-Forward Cache (返往快取) 功能,不過這個功能其實已經在 Android 版的 Chrome 87 上推出,評價還非常不錯,今次 Google 就正式把這個功能擴展至桌面版。
    Thumbnail
    每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:用Chrome還是Safari,洩露你的工作心態?經濟學家:選擇揭露了你的特質。 1.該如何預測一個人會做這份工作多久,以及表現如何? 2.線上職業評量預期與實際之間的落差 3.瀏覽器背後代表的心態差異 4.一套最好的話術,通常會漏失彈性的好處
    Thumbnail
    Chrome 擴充功能推薦:快速複製APA文獻引用格式、網頁螢光劃記重點、查詢網頁英文單字中譯、封鎖特定網站、白噪音番茄鐘、YouTube同時瀏覽影片與留言、英打錯字文法糾錯。
    Thumbnail
    大多數人都依賴Google Chrome作為其主要瀏覽器,儘管對於普通人來說這不會引起太大爭議,但我們以技術為重的個人可能會對使用Google Chrome作為我們的主要互聯網訪問來源感到有些疑惑。。。
    Thumbnail
    對大多數人來說,Chrome 79 也就是例行更新的一個版本。 而對我,它修正了一個最近一年多在我心裡佔有一席之地的 bug,我曾經努力試著解決它,最後似乎也找到自己應對它的方法。而現在它要被修掉了,多少有點感觸 😥。
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    Google 將會在 Chrome 92 加入名為 Back-Forward Cache (返往快取) 功能,不過這個功能其實已經在 Android 版的 Chrome 87 上推出,評價還非常不錯,今次 Google 就正式把這個功能擴展至桌面版。
    Thumbnail
    每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:用Chrome還是Safari,洩露你的工作心態?經濟學家:選擇揭露了你的特質。 1.該如何預測一個人會做這份工作多久,以及表現如何? 2.線上職業評量預期與實際之間的落差 3.瀏覽器背後代表的心態差異 4.一套最好的話術,通常會漏失彈性的好處
    Thumbnail
    Chrome 擴充功能推薦:快速複製APA文獻引用格式、網頁螢光劃記重點、查詢網頁英文單字中譯、封鎖特定網站、白噪音番茄鐘、YouTube同時瀏覽影片與留言、英打錯字文法糾錯。
    Thumbnail
    大多數人都依賴Google Chrome作為其主要瀏覽器,儘管對於普通人來說這不會引起太大爭議,但我們以技術為重的個人可能會對使用Google Chrome作為我們的主要互聯網訪問來源感到有些疑惑。。。
    Thumbnail
    對大多數人來說,Chrome 79 也就是例行更新的一個版本。 而對我,它修正了一個最近一年多在我心裡佔有一席之地的 bug,我曾經努力試著解決它,最後似乎也找到自己應對它的方法。而現在它要被修掉了,多少有點感觸 😥。