又來到工欲善其事,必先利其器的時間~今天要來介紹針對開發 10 個好用的 Chrome 插件,使用這些插件有什麼好處呢? 可以快速且清楚了解其他網站使用哪些套...
JSON Viewer JSON Viewer 線上應用程式商店:https://chrome.google.com/webstore/detail/json-...
開發 Chrome Extension 之前,要先了解什麼是 Chrome Extension?當然,也必須要知道 Chrome Browser 是什麼?如果您...
Chrome Extension 的開發環境非常的簡單,只需要準備下面兩樣東西即可。 桌面版Chrome Browser (目前手機版尚未支援 Extens...
剛瀏覽了幾個 RSS 突然發現這篇文章 The Best Firefox Developer Extensions Around 蒐錄了幾個跟 網頁開發 有關...
[好讀版] 如果要在 Extension 的頁面(如:彈出頁面、選項頁面)載入 jQuery,會發現載入失敗,錯誤如下所示。 Refused to load t...
[好讀版] 在講這個的主題之前,先來認識一下內容腳本的執行環境。簡單的說,『內容腳本』與『當前網頁』共用一個 DOM,也就是可以取得或修改『當前網頁』的 DOM...
在學習 Chrome Extension 開發時,除了閱讀官方的文件,也會尋找一些相關資源。這篇分享我平常在開發時會參考的網站。 學習資源 [*]Google...
發 Chrome Extension 需要一些基本功,只需要很基本的就可以了。 [*]了解 JSON 是什麼? 了解 HTML 的基本語法。 了解 CSS 的...
[好讀版] 建立好專案雛形後,第一個步驟就是先完成基本的功能『讀取 RSS』,這個功能應該不難,Google 一下就有很多範例了。 那為了能快速做出一些成果,筆...
[好讀版] 每一個 Chrome Extension 都會有一個 JSON 格式的設定檔(manifest.json),裡面會定義這個 Extension 的名...
[好讀版] 內容腳本的原文為 content scripts,所謂的 content 就是目前所開啟的網頁內容,那 content scripts 就是在目前開...
話說的太快忘了還有一篇自動部署的文章,介紹完後明天才是介紹「反安裝XPages Extension Toolkit Library」,今天的自動部署是OpenN...
[好讀版] 為了將 Chrome Extension 客製化,會需要提供一些選項讓使用者自行設定,而選項頁面就是為此而存在。 加入選項頁面的方法 Step 1....
[好讀版] 彈出頁面是由 browserAction 或 pageAction 點擊按鈕後所開啟的一個小視窗,這個頁面與一般網頁相同,只是多了一些 Chrome...
[好讀版] 通常 Chrome Extension 需要一個長時間運行的腳本來管理狀態,那後台頁面就是因此而設立的。 當啟用 Extension 時,就會在背景...
[好讀版] 事件頁面的用途與後台頁面極為相似,最明顯的差異在於它的生命週期,事件頁面只在需要的時候載入進來,當事件頁面閒置時就會卸載,以便釋放記憶體與其他系統資...
前情提要 在第一天裡,我們很激昂地用Ruby的類別、物件、方法,寫了開賽宣言!在第二天裡,我們比較了方法與模組,比的過程中,發現模組多了包含(inclusion...
[好讀版] Google 右鍵搜尋功能可以顯示選取的文字,如圖 1 所示。 圖1. Google 右鍵搜尋 這是怎麼做到的呢? 來試著做一遍吧! 建立右鍵選單...
[好讀版] 開發 Extension 時,通常都是寫一點點程式碼,就測試看看有沒有問題,但只要有修改程式就必須到擴充功能管理頁重新載入 Extension,這樣...
今天是Extension安裝文章部分的最後一篇了,都還沒開始寫程式就搞的這麼複雜有這麼多的「眉角」 如果是一個人去摸索的話可能都搞到暈頭轉向的,沒關係好在有卡卡...
[好讀版] 之前有介紹選項頁面,該頁面會提供使用者設定個人化的選項(如:外觀樣式),那麼要如何讓這些設定自動同步呢? 同步方法 Step 1. 在 manife...
[好讀版] 有些 Extension 的 browser action 按鈕按下去時,會改變 icon,那為什麼需要換 icon? 切換 icon 圖示的目的...
[好讀版] 專案打包完畢後,就要發佈到 Chrome 線上應用程式商店。 發佈到應用程式商店 Step 1. 進入 開發人員資訊主頁。 Step 2. 點選『新...
本文同步刊登於 hwchiu.com - Service Catalog 2020 IT邦幫忙鐵人賽 Kubernetes 原理分析系列文章 kuber...
[好讀版] 每次要開發 Extension 時,都要重新建立 manifest.json 設定檔,似乎有點麻煩,所以今天要介紹一個服務,能夠快速建立一個新的 E...
[好讀版] 前面介紹了很多 Extension 中的頁面和腳本,如彈出頁面、選項頁面、後台頁面、事件頁面與內容腳本,功能很多很強大,但這麼多的東西,要怎麼去 D...
對現成的事物做延伸是人類獨有的能力,像是水可以載舟,同時也能煮粥。而程式語言也能透過延伸來替現存的物件提供拓展。 Photo by @sigmund on Un...
如何建立 Team Foundation Server Extension 1. 環境準備 (1) 安裝 Node.js a. 請到 https://nodej...
[好讀版] 有時候看到很不錯的 Extension 時,很好奇是怎麼做到的? 那要如何看其他 Extension 的程式碼呢? 查看 Extension 程式碼...