先在畫面建立一個簡單的區塊 到 JQuery 網站下載檔案放到 lib資料夾底下https://jquery.com/ 修正 manifest.js 在 con...
後來找到其他可以抓到影片當前位置的方法 : var video = document.getElementsByClassName('video-stream'...
續上篇,確定可以使用 vue,所以開始使用 vue 完成功能 : content.vue 的 templdate 部分 : <template> &...
續上篇,修改樣式並先放到影片上方的位置 : $('<div id="root"></div').prependTo( &q...
續上篇 : 因為位置還是不佳,修正為載入後會檢查標籤是否建立後才執行 vue : #related 為 youtube 右側的推薦清單 var vueLoop...
從頭開始一步一步將 youtube 筆記功能做一下整理 由於有使用 vue ,所以下載 Vue 的範本使用 : $ npm install -g vue-cli...
繼續利用 option 頁面做一個收藏所有影片的頁面,及簡易的刪除影片功能 : 使用 iframe 內嵌 youtube video : <iframe...
因為還有幾天,所以想做一個影片分類,讓功能更完整 : 只有異動 content.vue 部分 在 data 部分,增加 tags data: () =&g...
繼續對 option 頁面,可以利用 tag 做簡單的影片搜尋 : 只會對 options 的 root.vue 進行修正 在 templdate 部分,增加下...
最後一天了 ~ 花了這麼多時間寫,當然要發行拉~ >>>Chrome Extension 連結<<< 發行步驟 :雖然使用...