iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Chrome Extension 學習筆記 系列

在 Chrome Extension 開發上已有一些小經驗,但都沒有好好整理過,剛好藉由這個活動,把學習過的東西整理一下。

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 11

Chrome Extension 開發經驗篇 11 - 如何快速建立新的 Extension?

[好讀版] 每次要開發 Extension 時,都要重新建立 manifest.json 設定檔,似乎有點麻煩,所以今天要介紹一個服務,能夠快速建立一個新的 E...

2014-10-02 ‧ 由 xp200825 分享
DAY 12

Chrome Extension 開發經驗篇 12 - 如何快速重新載入 Extension?

[好讀版] 開發 Extension 時,通常都是寫一點點程式碼,就測試看看有沒有問題,但只要有修改程式就必須到擴充功能管理頁重新載入 Extension,這樣...

2014-10-03 ‧ 由 xp200825 分享
DAY 13

Chrome Extension 開發經驗篇 13 - 如何 Debug?

[好讀版] 前面介紹了很多 Extension 中的頁面和腳本,如彈出頁面、選項頁面、後台頁面、事件頁面與內容腳本,功能很多很強大,但這麼多的東西,要怎麼去 D...

2014-10-04 ‧ 由 xp200825 分享
DAY 14

Chrome Extension 開發經驗篇 14 - 如何在當前網頁嵌入 HTML 和 JavaScript?

[好讀版] 在講這個的主題之前,先來認識一下內容腳本的執行環境。簡單的說,『內容腳本』與『當前網頁』共用一個 DOM,也就是可以取得或修改『當前網頁』的 DOM...

2014-10-05 ‧ 由 xp200825 分享
DAY 15

Chrome Extension 開發經驗篇 15 - 如何改變 browserAction 的圖示?

[好讀版] 有些 Extension 的 browser action 按鈕按下去時,會改變 icon,那為什麼需要換 icon? 切換 icon 圖示的目的...

2014-10-06 ‧ 由 xp200825 分享
DAY 16

Chrome Extension 開發經驗篇 16 - 如何在右鍵選單上顯示選取的文字?

[好讀版] Google 右鍵搜尋功能可以顯示選取的文字,如圖 1 所示。 圖1. Google 右鍵搜尋 這是怎麼做到的呢? 來試著做一遍吧! 建立右鍵選單...

2014-10-07 ‧ 由 xp200825 分享
DAY 17

Chrome Extension 開發經驗篇 17 - 如何取得選取的 HTML?

[好讀版] 其實這篇要講的主題與 Chrome Extension 沒有直接關係,那會寫這篇的原因是筆者在之前開發某個 Extension 時,需要取得使用者選...

2014-10-08 ‧ 由 xp200825 分享
DAY 18

Chrome Extension 開發經驗篇 18 - 如何跨域資源共享?

[好讀版] 如果要在 Extension 的頁面(如:彈出頁面、選項頁面)載入 jQuery,會發現載入失敗,錯誤如下所示。 Refused to load t...

2014-10-09 ‧ 由 xp200825 分享
DAY 19

Chrome Extension 開發經驗篇 19 - 如何同步 Extension 的選項設定?

[好讀版] 之前有介紹選項頁面,該頁面會提供使用者設定個人化的選項(如:外觀樣式),那麼要如何讓這些設定自動同步呢? 同步方法 Step 1. 在 manife...

2014-10-10 ‧ 由 xp200825 分享
DAY 20

Chrome Extension 開發經驗篇 20 - 如何看其他 Extension 的程式碼?

[好讀版] 有時候看到很不錯的 Extension 時,很好奇是怎麼做到的? 那要如何看其他 Extension 的程式碼呢? 查看 Extension 程式碼...

2014-10-11 ‧ 由 xp200825 分享