iT邦幫忙

鐵人檔案

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

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

透過 Chrome Extension 做一些小功能

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

Chrome Extension 11 - 增加右鍵複製網址功能

直接右鍵增加一個複製網址按鈕,增加複製網址的速度 manifest.json 部分 : { "manifest_version" :...

2018-10-26 ‧ 由 givemin5 分享
DAY 12

Chrome Extension 12 - 增加下載 Youtube 按鈕

雖然跟博客來查書的功能相同,但因為蠻實用的...所以還是拿出來 其實就是網路上的 Youtube 影片已經有很多可以下載的途徑,有時希望保存的時候,都需要特別打...

2018-10-27 ‧ 由 givemin5 分享
DAY 13

Chrome Extension 13 - todolist 使用 bootstrap 建立樣式

開始花幾天的時間把 todolist 的功能完成 先到 bootstrap 下載 : https://getbootstrap.com/ 下載 bootstra...

2018-10-28 ‧ 由 givemin5 分享
DAY 14

Chrome Extension 14 - todolist 建立新增與刪節線功能

popup.html 部分網頁修改成 <!doctype html> <html lang="en"> <...

2018-10-29 ‧ 由 givemin5 分享
DAY 15

Chrome Extension 15 - todolist 完成新增刪除顯示功能

繼續將 todolist 的基本功能弄完 app.vue template 部分 增加顯示全部的 checkbox 直接使用 v-show 過濾顯示 &lt...

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

Chrome Extension 16 - 回顧 Day1~Day15

因為已經達到當初想要弄的東西,所以先回顧一下前 15 天的東西 前面做了一些簡單的功能應用 :Chrome Extension 01 - 前言 + HelloW...

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

Chrome Extension 17 - 從 npm 下載 vue 範本使用

為了讓建置更方便,所以搜尋了網路上的 Vue-Cli Chrome Extension template,然後寫一個 Hello World 測試一下功能 使用...

2018-11-01 ‧ 由 givemin5 分享
DAY 18

Chrome Extension 18 - 今天要吃啥產生器

每天花時間想要吃啥很麻煩,所以就做了一個產生器 : 畫面部分,直接繼續使用 element ui 來製作 v-on:keyup.enter.native 可以...

2018-11-02 ‧ 由 givemin5 分享
DAY 19

Chrome Extension 19 - 隨手筆記功能

建立一個右鍵選擇字串,可以出現選單,可以暫存選取文字、網頁網址、日期的功能 仍接續使用前面的樣板創建 不過多了背景運行的程式,所以需要使用 src\backen...

2018-11-03 ‧ 由 givemin5 分享
DAY 20

Chrome Extension 20 - Youtube 筆記功能 Part 1 - 取得影格時間與簡易筆記

預想弄一個可以在 youtube 寫筆記的功能 使用 src\content\index.js (function () { let animatio...

2018-11-04 ‧ 由 givemin5 分享