iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

Chrome Extension 開發與實作 系列

目標
* 了解Chrome Extension是什麼,熟悉他的組成零件
* 了解官網提供給Chrome Extension開發者的功能以及限制
* 學會如何開發並且正式發佈一個Chrome extension

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

Chrome Extension 開發與實作 11-輸入組件 右鍵功能選單(chrome.contextMenus)

什麼是右鍵功能選單輸入組件 Chrome提供開發者可以跟使用者正在關注的上下文進行互動(圖片,連結,選取文字),而使用者可以在按下滑鼠右鍵時,看見擴充功能項目。...

2016-12-25 ‧ 由 羅拉拉 分享
DAY 12

Chrome Extension 開發與實作 12-網址列輸入組件(chrome.omnibox)

什麼是網址列輸入組件 omnibox輸入組件,主要是允許使用者在網址列,輸入特定的關鍵字(並按下tab),來啟動你的Extension,接著你能籍由監聽使用者...

2016-12-26 ‧ 由 羅拉拉 分享
DAY 13

Chrome Extension 開發與實作 13-腳本組件之間訊息的傳遞(上)

就像在腳本組件與擴充功能的執行階段,這段章節所提到的,腳本組件之間無法直接進行溝通,要依靠事件趨動的原理來處理各種操作邏輯,接下來我們就來探討這部份的實作細節及...

2016-12-27 ‧ 由 羅拉拉 分享
DAY 14

Chrome Extension 開發與實作 14-腳本組件之間訊息的傳遞(下)

請與上一篇一起服用。要真的弄懂擴充功能的事件系統,請先對擴充功能的組成有清楚的概念。如果你覺得自己在理解上有困難,是時後回到前面複習一下:Chrome Exte...

2016-12-28 ‧ 由 羅拉拉 分享
DAY 15

Chrome Extension 開發與實作 15-使用Vue打造內容UI 輸入組件(Content UI)

什麼是內容UI 內容UI在Creating  Google Chrome Extensions一書中,被作者列為開發功能的輸入組件之一,但事實上他不是屬於任何一...

2016-12-29 ‧ 由 羅拉拉 分享
DAY 16

Chrome Extension 開發與實作 16- API簡介:擴充功能可以作到哪些一般網站作不到的事?

鐵人賽來到了第十六天,開頭就來個中場休息復習一下我們前面學習的東西: Extension的開發架構: Chrome Extension 開發與實作 03-官...

2016-12-30 ‧ 由 羅拉拉 分享
DAY 17

Chrome Extension 開發與實作 17-chrome.alarms 定時器API

描述 安排程式碼在指定時間一次或週期性執行。 創建定時器 ccome.alarms.create(string name, object alarmInfo)...

2016-12-31 ‧ 由 羅拉拉 分享
DAY 18

Chrome Extension 開發與實作 18- 書籤操作 bookmarks API

Chrome的書籤API允許你操作使用者的書籤,整個書籤清單會以樹狀物件提供給開發人員操作。 書籤物件 bookmarks.BookmarkTreeNode...

2017-01-01 ‧ 由 羅拉拉 分享
DAY 19

Chrome Extension 開發與實作 19-chrome.downloads API 使用腳本管理下載

使用chrome.downloads API以編程方式開始下載,監視,操縱,搜索下載的文件。 權限設定 { "name": &quo...

2017-01-02 ‧ 由 羅拉拉 分享
DAY 20

Chrome Extension 開發與實作 20-操作瀏覽器歷史紀錄 chrome.history

使用chrome.history API和瀏覽器的歷史記錄交互,您可以添加,刪除,通過URL查詢瀏覽器的歷史記錄。如果您想要使用您自己的版本替換默認的歷史記錄頁...

2017-01-03 ‧ 由 羅拉拉 分享