JS / 透過動態書籤執行Javascript來比對網頁資料

辦完教師研習之後,就需要核給研習時數

最快速的方式是用批次匯入

但這需要身分證字號

在講求個資保護的現在,實在沒必要蒐集過多的資料

所以通常還是利用系統的報名資料,從中勾選有出席名單

人數少還可以手動比對

但這次已經有170人報名,研習當天一定又不只這些數量

而且可能還會有沒報名的情況

因此想利用程式來比對資料,但是因為要進入登錄資料的頁面必須先登入帳號

所以想到比較簡單的方式是直接在網頁透過書籤的方式來執行javascript

首先在CodePen測試程式碼

以下資料除了學校確實存在之外,姓名跟電子信箱都是來自亂數產生器

See the Pen 比對符合則checked=true by 莊幸諺 (@trico109748007) on CodePen.

程式碼基本沒問題之後就回到進修網的頁面

一開始程式完全沒動靜,還以為是沒辦法這樣執行

後來才注意到登錄時數的頁面是另外載入的

可以發現網址都是固定在”https://www2.inservice.edu.tw/index_login.aspx”

 

在登錄時數的頁面按右鍵,可以檢視框架原始碼

 

把前面的 view-sourse:刪除

 

就能夠到登錄時數的頁面

 

目前程式碼能正常執行

接下來就等辦完研習要實際核時數的時候,再來看看是否能將資料寫入