[好讀版] 在講這個的主題之前,先來認識一下內容腳本的執行環境。簡單的說,『內容腳本』與『當前網頁』共用一個 DOM,也就是可以取得或修改『當前網頁』的 DOM...
[好讀版] 前面介紹了很多 Extension 中的頁面和腳本,如彈出頁面、選項頁面、後台頁面、事件頁面與內容腳本,功能很多很強大,但這麼多的東西,要怎麼去 D...
[好讀版] 開發 Extension 時,通常都是寫一點點程式碼,就測試看看有沒有問題,但只要有修改程式就必須到擴充功能管理頁重新載入 Extension,這樣...
[好讀版] 每次要開發 Extension 時,都要重新建立 manifest.json 設定檔,似乎有點麻煩,所以今天要介紹一個服務,能夠快速建立一個新的 E...
[好讀版] 內容腳本的原文為 content scripts,所謂的 content 就是目前所開啟的網頁內容,那 content scripts 就是在目前開...
[好讀版] 事件頁面的用途與後台頁面極為相似,最明顯的差異在於它的生命週期,事件頁面只在需要的時候載入進來,當事件頁面閒置時就會卸載,以便釋放記憶體與其他系統資...
[好讀版] 通常 Chrome Extension 需要一個長時間運行的腳本來管理狀態,那後台頁面就是因此而設立的。 當啟用 Extension 時,就會在背景...
[好讀版] 為了將 Chrome Extension 客製化,會需要提供一些選項讓使用者自行設定,而選項頁面就是為此而存在。 加入選項頁面的方法 Step 1....
[好讀版] 彈出頁面是由 browserAction 或 pageAction 點擊按鈕後所開啟的一個小視窗,這個頁面與一般網頁相同,只是多了一些 Chrome...
[好讀版] 每一個 Chrome Extension 都會有一個 JSON 格式的設定檔(manifest.json),裡面會定義這個 Extension 的名...
Chrome Extension 的開發環境非常的簡單,只需要準備下面兩樣東西即可。 桌面版Chrome Browser (目前手機版尚未支援 Extens...
在學習 Chrome Extension 開發時,除了閱讀官方的文件,也會尋找一些相關資源。這篇分享我平常在開發時會參考的網站。 學習資源 [*]Google...
發 Chrome Extension 需要一些基本功,只需要很基本的就可以了。 [*]了解 JSON 是什麼? 了解 HTML 的基本語法。 了解 CSS 的...
開發 Chrome Extension 之前,要先了解什麼是 Chrome Extension?當然,也必須要知道 Chrome Browser 是什麼?如果您...
今天是Extension安裝文章部分的最後一篇了,都還沒開始寫程式就搞的這麼複雜有這麼多的「眉角」 如果是一個人去摸索的話可能都搞到暈頭轉向的,沒關係好在有卡卡...
話說的太快忘了還有一篇自動部署的文章,介紹完後明天才是介紹「反安裝XPages Extension Toolkit Library」,今天的自動部署是OpenN...
剛瀏覽了幾個 RSS 突然發現這篇文章 The Best Firefox Developer Extensions Around 蒐錄了幾個跟 網頁開發 有關...