iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Chrome Extension 學習筆記 系列

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

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

Chrome Extension 開發實戰篇 21 - 專案需求說明

[好讀版] 介紹完『開發入門篇』和『開發經驗篇』兩個篇章後,相信您對 Chrome Extension 已經不陌生了,也可以自己完成一個 Chrome Exte...

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

Chrome Extension 開發實戰篇 22 - 加入 Git 版本控管

[好讀版] 最近剛接觸 Git 版本控管,那就拿這個專案來練習一下。筆者目前比較習慣用 GUI 界面來操作,而且又不需要太複雜的功能,所以就選擇安裝 GitHu...

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

Chrome Extension 開發實戰篇 23 - 建立專案雛形

[好讀版] 前面的『如何快速建立新的 Extension?』有介紹 Extensionizr 工具,這裡就可以用到囉! 修改專案雛形 以 Extensioniz...

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

Chrome Extension 開發實戰篇 24 - 讀取 RSS

[好讀版] 建立好專案雛形後,第一個步驟就是先完成基本的功能『讀取 RSS』,這個功能應該不難,Google 一下就有很多範例了。 那為了能快速做出一些成果,筆...

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

Chrome Extension 開發實戰篇 25 - 儲存 RSS

[好讀版] 在彈出頁面讀取 RSS 的功能做好後,接下來要做兩件事: 在選項頁面實作 feeds 管理,可新增、刪除、修改 feeds,並把 feeds 儲存...

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

Chrome Extension 開發實戰篇 26 - 通知訊息

[好讀版] 有了事件頁面的定時更新 Feeds 後,接下來要做通知訊息。當有新的文章是 local storage 沒有的,就發一個通知訊息告知使用者。 建立通...

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

Chrome Extension 開發實戰篇 27 - tts 語音

[好讀版] 有了通知訊息之後,接下來要來實作這個專案最重要的語音部分了。 從通知訊息播放 通知訊息會告知使用者目前最新的 RSS 文章,既然有通知,當然就需要有...

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

Chrome Extension 開發實戰篇 28 - 客製化選項設定

[好讀版] 有了語音朗讀的功能之後,還可以加入客製化的選項設定,讓使用者自行決定朗讀者、速率、音調、音量。 取得朗讀者列表 呼叫 chrome.tts.getV...

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

Chrome Extension 開發實戰篇 29 - 專案打包

[好讀版] 功能都做得差不多後,接下來要準備打包專案。將開發用的程式碼移除或加上註解,例如開發時會使用快速鍵載入 Extension。 **說明:**專案打包的...

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

Chrome Extension 開發實戰篇 30 - 發佈到應用程式商店

[好讀版] 專案打包完畢後,就要發佈到 Chrome 線上應用程式商店。 發佈到應用程式商店 Step 1. 進入 開發人員資訊主頁。 Step 2. 點選『新...

2014-10-21 ‧ 由 xp200825 分享