iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

Chrome Extension 開發筆記 系列

將之前開發 Chrome 套件的心得,做成筆記紀錄下來。

參賽天數 27 天 | 共 27 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

Chrome Extension 筆記(01)概述

Chrome 的套件能分成應用程式、擴充功能及主題三大類, 而擴充功能又能分成頁面按鈕(page action)及瀏覽器按鈕(browser action),...

2013-09-16 ‧ 由 培根 分享
DAY 2

Chrome Extension 筆記(02)入門

上一篇提到了利用 manifest.json 來建立一個簡單的程式雛型, 這篇開始介紹 manifest.json 檔裡的属性及對應的用途. 在 manifes...

2013-09-17 ‧ 由 培根 分享
DAY 3

Chrome Extension 筆記(03)安全策略

上一篇在最後提到了在 manifest 裡的内容安全策略(CSP)設定, 事實上它還有默認的安全策略, 這篇就來介紹還有哪些應該注意的限制 一、禁用 eval...

2013-09-18 ‧ 由 培根 分享
DAY 4

Chrome Extension 筆記(04)跨域後的練習, 讀取 RSS

在第二篇入門的介紹中有稍微提到在 manifest 中, permissions 的屬性若設成 http(s) 形式, 就能擁有對應的跨網域請求的權限, 這篇是...

2013-09-19 ‧ 由 培根 分享
DAY 5

Chrome Extension 筆記(05)取得所有分頁(TAB)訊息

這篇開始介紹 Chrome 相關的 API, 首先分享最常接觸到的 TAB 相關操作. manifest.json { "manifest_v...

2013-09-20 ‧ 由 培根 分享
DAY 6

Chrome Extension 筆記(06)可同步的離線儲存

除了 HTML5 所提供的各種 Storage 方案外, Chrome API 也提供了實做了類似的功能, 不過更棒的是還能選擇讓儲存的資料像書籤一樣隨著帳號同...

2013-09-21 ‧ 由 培根 分享
DAY 7

Chrome Extension 筆記(07)針對 cookie 進行讀寫

當使用 xhr 在網路上抓資料時, 若遇上需要登入的部份, 就可能需要對 cookie 進行操作, 如果再配合上一篇介紹的 Storage, 想做一個能'在同個...

2013-09-22 ‧ 由 培根 分享
DAY 8

Chrome Extension 筆記(08)獨立於 chrome 的應用視窗

前幾篇都是介紹擴充功能的應用, 這篇則來提一下 應用程式, 這兩者除了能使用的 API 有差別外, 執行的方式也有很大的不同 下面是讓應用程式運行一個獨立窗口的...

2013-09-23 ‧ 由 培根 分享
DAY 9

Chrome Extension 筆記(09)繞過限制, 執行任意 javascript

之前在第三篇的安全策略中提到 Chrome Extension 禁止了 eval 的使用, 這篇就來提一下如何利用 HTML5 的新特性來繞過它吧! mani...

2013-09-24 ‧ 由 培根 分享
DAY 10

Chrome Extension 筆記(10)Chrome 的定時器 Alarms

雖然在 javascript 裡也有類似的 setTimeout 和 setInterval 可以用, 不過它們兩個在一些動畫、異步處理上反而更常用到, 所以有...

2013-09-25 ‧ 由 培根 分享