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 的一員。
至於程式開發的部分，可以參考官方開發教學和官方提供的方法。
今天的時間已晚，下次再來研究。
官方引導全都是英文，但不會太難看懂。
簡言之只要為應用準備好一個資料夾，然後裡面有以下四個檔案即可。
manifest.json ：宣告應用的結構，相似于 Android 的 AndroidManifest.xml, GAE 的 app.yaml 。
icon.png ： 顧名思義，應用的入口圖片。
popup.html ：應用的界面。
popup.js ：應用的方法。
如果寫好了，自然是要開始測試結果。
在 chrome 的網址列上執行 chrome://extensions ，把開發人員模式打開。
有兩個方式載入我們的應用，其一是點選「載入未封裝擴充功能」，然後選擇應用的資料夾；另一個簡單的方法就是直接把應用的資料夾拖曳到這個網頁。
就可以在網頁上和網址列的右側看到剛寫好的應用已經成為你 Chrome Extension 的一員。
至於程式開發的部分，可以參考官方開發教學和官方提供的方法。
今天的時間已晚，下次再來研究。
留言0
查看全部
你可能也想看
Google News 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識，包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外，本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
如果你曾經撰寫過網頁，那你一定接觸過 JavaScript
無論是在 NodeJs 或是瀏覽器中運行。
但你有沒有想過，我們寫下的 JS 程式碼，這些看似單純的英文和符號，是如何被轉化為機器能夠理解和執行的程式呢？
今天，讓我們一起深入了解其中的核心主角
——Google 開發的開源 Java
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
※ JavaScript 來源：
國際標準化組織﹘ECMA推出的通行標準稱為 ECMAScript，目的是讓各家瀏覽器能根據 ECMAScript 標準來實作能在該瀏覽器運行的 JavaScript。簡單說ECMAscript 是語法標準的規格書，它描述了各種語言應該呈現的樣子、規則，以及細節。
在APP中打開外部瀏覽器是一個常見的需求，特別是當你需要在APP中顯示外部網頁或處理特定的網絡操作時。本文介紹了三種常見的方法來解決內部瀏覽器操作問題並在APP中打開外部瀏覽器：使用系統預設瀏覽器、使用WebView控件和使用自定義瀏覽器控件。
想要開始Python語言的開發環境，有兩種常見方式，一種是下載安裝到本機端，另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
Get and Install:
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
sudo dpkg -i google-chrome-stable_current_amd64.deb
這篇文章介紹了十五個超讚的Chrome擴充工具，從知識管理、工作效率提升、安全管理、語言學習、設計師工具到開發者工具，讓你的瀏覽體驗提升好多層次。一起挑戰極限，揭開Chrome的神祕面紗，讓生活更加美好燦爛吧！
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識，包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外，本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
如果你曾經撰寫過網頁，那你一定接觸過 JavaScript
無論是在 NodeJs 或是瀏覽器中運行。
但你有沒有想過，我們寫下的 JS 程式碼，這些看似單純的英文和符號，是如何被轉化為機器能夠理解和執行的程式呢？
今天，讓我們一起深入了解其中的核心主角
——Google 開發的開源 Java
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
※ JavaScript 來源：
國際標準化組織﹘ECMA推出的通行標準稱為 ECMAScript，目的是讓各家瀏覽器能根據 ECMAScript 標準來實作能在該瀏覽器運行的 JavaScript。簡單說ECMAscript 是語法標準的規格書，它描述了各種語言應該呈現的樣子、規則，以及細節。
在APP中打開外部瀏覽器是一個常見的需求，特別是當你需要在APP中顯示外部網頁或處理特定的網絡操作時。本文介紹了三種常見的方法來解決內部瀏覽器操作問題並在APP中打開外部瀏覽器：使用系統預設瀏覽器、使用WebView控件和使用自定義瀏覽器控件。
想要開始Python語言的開發環境，有兩種常見方式，一種是下載安裝到本機端，另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
Get and Install:
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
sudo dpkg -i google-chrome-stable_current_amd64.deb
這篇文章介紹了十五個超讚的Chrome擴充工具，從知識管理、工作效率提升、安全管理、語言學習、設計師工具到開發者工具，讓你的瀏覽體驗提升好多層次。一起挑戰極限，揭開Chrome的神祕面紗，讓生活更加美好燦爛吧！