iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

10 Like 1 留言 26645 瀏覽

鐵人賽 Modern Web DAY 7

前端工具百寶箱 - 六角學院系列第 8 篇

達標好文技術 10 個好用的 Chrome 插件（上）

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

六角學院 ‧ 2018-10-23

9 Like 0 留言 16704 瀏覽

鐵人賽 Modern Web DAY 7

前端工具百寶箱 - 六角學院系列第 9 篇

達標好文技術 10 個好用的 Chrome 插件（下）

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

六角學院 ‧ 2018-10-23

1 Like 0 留言 11987 瀏覽

鐵人賽開發技術 DAY 1

Chrome Extension 學習筆記系列第 1 篇

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

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

xp200825 ‧ 2014-09-22

0 Like 0 留言 8156 瀏覽

鐵人賽開發技術 DAY 4

Chrome Extension 學習筆記系列第 4 篇

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

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

xp200825 ‧ 2014-09-25

7 Like 4 留言 6730 瀏覽

技術 The Best Firefox Developer Extensions Around

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

jamesjan ‧ 2008-08-22

0 Like 0 留言 4937 瀏覽

鐵人賽開發技術 DAY 14

Chrome Extension 學習筆記系列第 14 篇

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

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

xp200825 ‧ 2014-10-05

1 Like 0 留言 4925 瀏覽

鐵人賽開發技術 DAY 18

Chrome Extension 學習筆記系列第 18 篇

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

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

xp200825 ‧ 2014-10-09

1 Like 0 留言 4530 瀏覽

鐵人賽開發技術 DAY 3

Chrome Extension 學習筆記系列第 3 篇

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

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

xp200825 ‧ 2014-09-24

0 Like 0 留言 4406 瀏覽

鐵人賽開發技術 DAY 24

Chrome Extension 學習筆記系列第 24 篇

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

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

xp200825 ‧ 2014-10-15

0 Like 0 留言 4335 瀏覽

鐵人賽開發技術 DAY 2

Chrome Extension 學習筆記系列第 2 篇

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

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

xp200825 ‧ 2014-09-23

0 Like 0 留言 3832 瀏覽

鐵人賽開發技術 DAY 5

Chrome Extension 學習筆記系列第 5 篇

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

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

xp200825 ‧ 2014-09-26

0 Like 0 留言 3505 瀏覽

鐵人賽開發技術 DAY 10

Chrome Extension 學習筆記系列第 10 篇

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

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

xp200825 ‧ 2014-10-01

5 Like 0 留言 3366 瀏覽

鐵人賽 IT技術 DAY 24

鐵之 Just Do Lotus Notes 系列第 24 篇

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

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

huchungling ‧ 2012-10-17

0 Like 0 留言 3294 瀏覽

鐵人賽開發技術 DAY 7

Chrome Extension 學習筆記系列第 7 篇

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

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

xp200825 ‧ 2014-09-28

0 Like 0 留言 3269 瀏覽

鐵人賽開發技術 DAY 8

Chrome Extension 學習筆記系列第 8 篇

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

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

xp200825 ‧ 2014-09-29

0 Like 0 留言 3260 瀏覽

鐵人賽開發技術 DAY 6

Chrome Extension 學習筆記系列第 6 篇

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

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

xp200825 ‧ 2014-09-27

3 Like 0 留言 3152 瀏覽

鐵人賽開發技術 DAY 16

Chrome Extension 學習筆記系列第 16 篇

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

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

xp200825 ‧ 2014-10-07

2 Like 0 留言 3114 瀏覽

鐵人賽開發技術 DAY 9

Chrome Extension 學習筆記系列第 9 篇

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

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

xp200825 ‧ 2014-09-30

1 Like 0 留言 3039 瀏覽

鐵人賽 Modern Web DAY 3

30天修煉Ruby面試精選30題系列第 3 篇

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

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

貓貓工程師 Ting Ting ‧ 2018-10-06

1 Like 0 留言 2919 瀏覽

鐵人賽開發技術 DAY 12

Chrome Extension 學習筆記系列第 12 篇

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

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

xp200825 ‧ 2014-10-03

5 Like 0 留言 2853 瀏覽

鐵人賽 IT技術 DAY 25

鐵之 Just Do Lotus Notes 系列第 25 篇

技術反安裝XPages Extension Toolkit Library

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

huchungling ‧ 2012-10-18

0 Like 0 留言 2749 瀏覽

鐵人賽開發技術 DAY 19

Chrome Extension 學習筆記系列第 19 篇

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

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

xp200825 ‧ 2014-10-10

0 Like 0 留言 2595 瀏覽

鐵人賽開發技術 DAY 30

Chrome Extension 學習筆記系列第 30 篇

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

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

xp200825 ‧ 2014-10-21

0 Like 1 留言 2528 瀏覽

鐵人賽開發技術 DAY 15

Chrome Extension 學習筆記系列第 15 篇

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

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

xp200825 ‧ 2014-10-06

1 Like 0 留言 2279 瀏覽

鐵人賽開發技術 DAY 11

Chrome Extension 學習筆記系列第 11 篇

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

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

xp200825 ‧ 2014-10-02

1 Like 1 留言 2262 瀏覽

鐵人賽 DevOps DAY 28

其實我真的沒想過在美國上班也被拉來參加30天分享那些年我怎麼理解 kubernetes 的運作系列第 28 篇

技術 [Day28] Service Catalog

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

HungWei Chiu ‧ 2019-10-13 ‧團隊Kubernetes 帝王 - Bared Director

0 Like 0 留言 2236 瀏覽

鐵人賽開發技術 DAY 13

Chrome Extension 學習筆記系列第 13 篇

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

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

xp200825 ‧ 2014-10-04

0 Like 0 留言 2187 瀏覽

鐵人賽 Mobile Development DAY 18

30 天從 Swift 學會 Objective-C 系列第 18 篇

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

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

ytyubox ‧ 2020-10-03 ‧團隊好想工作室 v4.0

0 Like 0 留言 2159 瀏覽

技術如何建立 Team Foundation Server Extension

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

山姆大叔 ‧ 2019-05-21

0 Like 0 留言 1943 瀏覽

鐵人賽開發技術 DAY 27

Chrome Extension 學習筆記系列第 27 篇

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

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

xp200825 ‧ 2014-10-18

達標好文 技術 10 個好用的 Chrome 插件（上）

達標好文 技術 10 個好用的 Chrome 插件（下）