iT邦幫忙

extension相關文章
共有 47 則文章
鐵人賽 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-...

鐵人賽 開發技術 DAY 1

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

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

鐵人賽 開發技術 DAY 4

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

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

技術 The Best Firefox Developer Extensions Around

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

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

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

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

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

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

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

鐵人賽 開發技術 DAY 3

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

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

鐵人賽 開發技術 DAY 2

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

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

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

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

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

鐵人賽 開發技術 DAY 5

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

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

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

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

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

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

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

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

鐵人賽 開發技術 DAY 7

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

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

鐵人賽 開發技術 DAY 6

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

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

鐵人賽 開發技術 DAY 8

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

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

鐵人賽 開發技術 DAY 9

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

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

鐵人賽 Modern Web DAY 3

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

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

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

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

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

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

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

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

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

技術 反安裝XPages Extension Toolkit Library

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

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

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

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

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

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

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

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

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

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

鐵人賽 DevOps DAY 28

技術 [Day28] Service Catalog

本文同步刊登於 hwchiu.com - Service Catalog 2020 IT邦幫忙鐵人賽 Kubernetes 原理分析系列文章 kuber...

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

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

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

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

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

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

鐵人賽 Mobile Development DAY 18

技術 [18] 30 天從 Swift 學會 Objective-C:Objective-C 物件的 extension 與 Categories

對現成的事物做延伸是人類獨有的能力,像是水可以載舟,同時也能煮粥。而程式語言也能透過延伸來替現存的物件提供拓展。 Photo by @sigmund on Un...

技術 如何建立 Team Foundation Server Extension

如何建立 Team Foundation Server Extension 1. 環境準備 (1) 安裝 Node.js a. 請到 https://nodej...

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

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

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