iT邦幫忙

extension相關文章
共有 45 則文章
鐵人賽 Modern Web DAY 7

達標好文 技術 10 個好用的 Chrome 插件(上)

又來到工欲善其事,必先利其器的時間~ 今天要來介紹針對開發 10 個好用的 Chrome 插件,使用這些插件有什麼好處呢? 可以快速且清楚了解其他網站使用哪些...

鐵人賽 Modern Web DAY 7

達標好文 技術 10 個好用的 Chrome 插件(下)

JSON Viewer JSON Viewer 線上應用程式商店: https://chrome.google.com/webstore/detail/json...

技術 The Best Firefox Developer Extensions Around

剛瀏覽了幾個 RSS 突然發現這篇文章 The Best Firefox Developer Extensions Around 蒐錄了幾個跟 網頁開發 有關...

鐵人賽 開發技術 DAY 1

技術 Chrome Extension 開發入門篇 01 - Chrome Extension 是什麼?

開發 Chrome Extension 之前,要先了解什麼是 Chrome Extension?當然,也必須要知道 Chrome Browser 是什麼?如果您...

鐵人賽 開發技術 DAY 4

技術 Chrome Extension 開發入門篇 04 - Chrome Extension 開發環境介紹

Chrome Extension 的開發環境非常的簡單,只需要準備下面兩樣東西即可。 桌面版 Chrome Browser (目前手機版尚未支援 Exten...

鐵人賽 開發技術 DAY 14
Chrome Extension 學習筆記 系列 第 14

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

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

鐵人賽 開發技術 DAY 3

技術 Chrome Extension 開發入門篇 03 - Chrome Extension 學習資源

在學習 Chrome Extension 開發時,除了閱讀官方的文件,也會尋找一些相關資源。這篇分享我平常在開發時會參考的網站。 學習資源 [*]Google...

鐵人賽 開發技術 DAY 18
Chrome Extension 學習筆記 系列 第 18

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

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

鐵人賽 IT技術 DAY 24
鐵之 Just Do Lotus Notes 系列 第 24

技術 安裝XPages Extension Toolkit在伺服器上自動部署Ⅱ

話說的太快忘了還有一篇自動部署的文章,介紹完後明天才是介紹「反安裝XPages Extension Toolkit Library」,今天的自動部署是OpenN...

鐵人賽 開發技術 DAY 24
Chrome Extension 學習筆記 系列 第 24

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

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

鐵人賽 開發技術 DAY 10
Chrome Extension 學習筆記 系列 第 10

技術 Chrome Extension 開發入門篇 10 - Chrome Extension 內容腳本

[好讀版] 內容腳本的原文為 content scripts,所謂的 content 就是目前所開啟的網頁內容,那 content scripts 就是在目前開...

鐵人賽 開發技術 DAY 2

技術 Chrome Extension 開發入門篇 02 - Chrome Extension 開發的基本功

發 Chrome Extension 需要一些基本功,只需要很基本的就可以了。 [*]了解 JSON 是什麼? 了解 HTML 的基本語法。 了解 CSS 的...

鐵人賽 開發技術 DAY 16
Chrome Extension 學習筆記 系列 第 16

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

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

鐵人賽 開發技術 DAY 5

技術 Chrome Extension 開發入門篇 05 - Chrome Extension 設定檔

[好讀版] 每一個 Chrome Extension 都會有一個 JSON 格式的設定檔(manifest.json),裡面會定義這個 Extension 的名...

鐵人賽 開發技術 DAY 8

技術 Chrome Extension 開發入門篇 08 - Chrome Extension 後台頁面

[好讀版] 通常 Chrome Extension 需要一個長時間運行的腳本來管理狀態,那後台頁面就是因此而設立的。 當啟用 Extension 時,就會在背景...

鐵人賽 IT技術 DAY 25
鐵之 Just Do Lotus Notes 系列 第 25

技術 反安裝XPages Extension Toolkit Library

今天是Extension安裝文章部分的最後一篇了,都還沒開始寫程式就搞的這麼複雜有這麼多的「眉角」 如果是一個人去摸索的話可能都搞到暈頭轉向的,沒關係好在有卡卡...

鐵人賽 開發技術 DAY 9

技術 Chrome Extension 開發入門篇 09 - Chrome Extension 事件頁面

[好讀版] 事件頁面的用途與後台頁面極為相似,最明顯的差異在於它的生命週期,事件頁面只在需要的時候載入進來,當事件頁面閒置時就會卸載,以便釋放記憶體與其他系統資...

鐵人賽 開發技術 DAY 7

技術 Chrome Extension 開發入門篇 07 - Chrome Extension 選項頁面

[好讀版] 為了將 Chrome Extension 客製化,會需要提供一些選項讓使用者自行設定,而選項頁面就是為此而存在。 加入選項頁面的方法 Step 1....

鐵人賽 開發技術 DAY 12
Chrome Extension 學習筆記 系列 第 12

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

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

鐵人賽 開發技術 DAY 6

技術 Chrome Extension 開發入門篇 06 - Chrome Extension 彈出頁面

[好讀版] 彈出頁面是由 browserAction 或 pageAction 點擊按鈕後所開啟的一個小視窗,這個頁面與一般網頁相同,只是多了一些 Chrome...

鐵人賽 開發技術 DAY 19
Chrome Extension 學習筆記 系列 第 19

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

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

鐵人賽 開發技術 DAY 30
Chrome Extension 學習筆記 系列 第 30

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

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

鐵人賽 開發技術 DAY 15
Chrome Extension 學習筆記 系列 第 15

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

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

鐵人賽 Modern Web DAY 3

技術 Day03 - Ruby比一比: Module的include與extend

前情提要 在第一天裡,我們很激昂地用Ruby的類別、物件、方法,寫了開賽宣言! 在第二天裡,我們比較了方法與模組,比的過程中,發現模組多了包含(inclusio...

鐵人賽 開發技術 DAY 11
Chrome Extension 學習筆記 系列 第 11

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

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

鐵人賽 開發技術 DAY 13
Chrome Extension 學習筆記 系列 第 13

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

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

技術 [集中] Internet 軟體的研究筆記

最近在網路文章的介紹下,試用 Toby 管理 Chrome 的頁籤,降低開啟的頁面,並且將儲存的頁面透過群組方式管理,比 Bookmark 更有效率。 我有其用...

鐵人賽 開發技術 DAY 26
Chrome Extension 學習筆記 系列 第 26

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

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

鐵人賽 開發技術 DAY 27
Chrome Extension 學習筆記 系列 第 27

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

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

鐵人賽 開發技術 DAY 20
Chrome Extension 學習筆記 系列 第 20

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

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