React單元測試 (一) 初探基礎知識

前言

以一個前端開發者的角度來探討測試的基本知識及概念,軟體開發史這麼長,不敢說自己理解絕對正確,歡迎大家糾錯討論。(部份內容引用自網路文章,皆有標注出處)

閱讀全文 »

前端靜態開發環境設計

前端開發環境設計

GitHub

目的

讓前端可以在開發期間獨立後端進行組件的開發及維護,使用react、scss、jade

閱讀全文 »

Chrome Extension 開發與實作 30

正式發佈擴充功能

正式發佈流程

閱讀全文 »

Chrome Extension 開發與實作 29

安全性相關的設置

跨網域的數據存取XHR

一般網頁的腳本都受限於Same-origin policy(相同來源政策)的規範,不能跨網域向遠端請求及接收數據(例如ajax),但擴充功能不在此限,只要你在安裝檔裡宣告跨站權限,就能進行跨網域的處理。(但記得一定要宣告)

閱讀全文 »

Chrome Extension 開發與實作 28

佈景主題(themes)

我們可以使用擴充功能改變Chrome的外觀,他是一種特別的擴充功能,雖然打包的過程與平常的擴充功能無異,但它不包含Javascript與HTML。

閱讀全文 »

Chrome Extension 開發與實作 27

替代頁面 Override Pages

替代頁面是一種使用來自您的擴展程序的 HTML 文件替換 Google Chrome 預定提供頁面的方式。除了 HTML,替代頁面通常還包含 CSS 和 JavaScript 程式碼。(基本上就是完整的網頁,能使用chrome提供的API)

閱讀全文 »

Chrome Extension 開發與實作 26

擴充功能的設置畫面 Options Pages

擴充功能的開發者,能籍由提供選項頁面,幫助客制化擴充功能的行為。使用者能在擴充我能管理清單(chrome://extensions)看到[ 開發者為使用者提供的自定義介面,如下圖(點擊選項即跳出設定頁面):

閱讀全文 »

Chrome Extension 開發與實作 25

打造螢幕錄影功能 chrome.desktopCapture (下)

續上回Chrome Extension 開發與實作 24-打造螢幕錄影功能 chrome.desktopCapture (上)今天來講講螢幕截錄的功能實作。

閱讀全文 »

Chrome Extension 開發與實作 24

打造螢幕錄影功能 chrome.desktopCapture (上)

使用desktopCapture可以補捉使用者單個螢幕,或是指定視窗,或是某個頁籤的畫面。

閱讀全文 »

Chrome Extension 開發與實作 23

Storage API 優化過的地端儲存API

使用 chrome.tabs API 與瀏覽器頁籤交互。您可以使用該 API 創建、修改或重新排列瀏覽器中的頁籤。

閱讀全文 »