iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

弄點簡單的 Chrome Extension 讓生活更方便 系列

透過 Chrome Extension 做一些小功能

鐵人鍊成 | 共 30 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文
DAY 1

Chrome Extension 01 - 前言 + HelloWorld

每天使用的瀏覽器最多的就是 Chrome, 也裝了一大堆有的沒有的 Chrome Extension。 為了讓自己更熟悉 Chrome Extension,所以...

2018-10-16 ‧ 由 givemin5 分享
DAY 2

Chrome Extension 02 – 在博客來搜尋書

有時候線上會丟書名跟作者,但是查詢時又要先開啟 Google 然後才到賣書的網站 為了讓自己省下一個小小的步驟,所以使用了 Chrome Extension 做...

2018-10-17 ‧ 由 givemin5 分享
DAY 3

Chrome Extension 03 – 警告 facebook 待太久

最近 facebook 使用越來越重度的傾向,所以做了這個 Chrome Extension 過一段時間就提醒該回去工作了 先建立 manifest.json...

2018-10-18 ‧ 由 givemin5 分享
DAY 4

Chrome Extension 04 – ig 自動按愛心

由於之前很流行洗按讚,所以用 Chrome Extension 也寫了一個 manifest.json 部分 browser_action 仍需要有東西,所以...

2018-10-19 ‧ 由 givemin5 分享
DAY 5

Chrome Extension 05 – 使用 google 翻譯學英文

建立一個簡單的 Chrome Extension ,按右鍵會撥放選取範圍的文字,跟搜尋書的功能其實大同小異 manifest.json 部分 : 只需要 co...

2018-10-20 ‧ 由 givemin5 分享
DAY 6

Chrome Extension 06 – 不確定能不能用的 vue 採雷..

由於功能越加複雜後,需要更容易操作數據的外掛,所以把歪腦筋動到了 Vue.js 身上 但是因為 Chrome Extension 的 CSP 政策,所以無法順利...

2018-10-21 ‧ 由 givemin5 分享
DAY 7

Chrome Extension 07 – 不確定能不能用的 vue 採雷..2

續昨天的研究,修正 src 底下的檔案 index.js 修正成 import Vue from 'vue' import App from './Ap...

2018-10-22 ‧ 由 givemin5 分享
DAY 8

Chrome Extension 08 – todolist : 新增儲存資料

先嘗試使用 vue 建立簡單的 todolist 在 manifest.json 增加 permissions { "manifest_ver...

2018-10-23 ‧ 由 givemin5 分享
DAY 9

Chrome Extension 09 – 取得UV資料 Part 1 ..使用 axios 取資料採雷

原本預計從氣象局取得 json 資料並顯示在畫面,但因為 cors 問題無法順利取得資料 http://opendata.epa.gov.tw/ws/Data/...

2018-10-24 ‧ 由 givemin5 分享
DAY 10

Chrome Extension 10 – 取得UV資料 Part 2 ..改使用 jsonp 取資料

續上篇,由於 aoxis 行不通,所以就改用 jsonp 安裝 jsonp npm install jsonp 然後 index.js 改引用 jsonp im...

2018-10-25 ‧ 由 givemin5 分享