上班看股，Chrome 擴充功能製作

上班看股

工作有時太忙了，又不方便打開手機看股。於是「bot.學習.人」就想起好像可以寫 Chrome Extension 外掛，因此，決定寫一個外掛，方便自己看股。

研究了一下好像不困難，就和寫網頁一樣，只是要按照Chrome Extension的要求去寫。就是要有一個manifest.json 檔案，裏面定好所有的定義。然後再如上 popup.html, background.js 以及一些引用到的CSS 及js檔案，就可以了。

{
  "manifest_version": 3,
  "name": "台灣股價追蹤",
  "version": "1.0",
  "description": "追蹤多支台灣股票，設定目標價並定時報價",
  "permissions": [
    "storage",
    "notifications",
    "alarms" 
  ],
  "host_permissions": [
    "https://mis.twse.com.tw/"
  ],
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    }
  },
  "icons": {
    "16": "images/icon16.png",
    "48": "images/icon48.png",
    "128": "images/icon128.png"
  },
  "background": {
    "service_worker": "background.js"
  }
}

因此，按照manifest，要寫好自己的popup，background.js 還有準備好icon檔就可以了。

完成的結果在這裏，基本功能就是追蹤所選的股票，然後到價位時會通知。歡迎大家使用參考，如果有問題或建議，也可以留言給我哦。