——基於TGU教務處系統開發
功能:在教務系統登錄界面實現自動輸入學生賬號密碼,避免每次重復手動輸入
個人信息在本地運行,明文存儲密碼。可同時起到備忘作用
(其實是不會加密解密)(請注意盡量不要讓不信任的人接觸你的電腦,防止個人信息泄露)。
油候腳本使用js代碼實現。測試工作在TGU(天津工業大學)教務處實現。
油猴腳本頭部注釋文檔部分:
// ==UserScript==
// @name TGU_教務系統自動輸入信息 By Limonene0x
// @namespace limonene0x
// @version 0.1
// @description 在教務系統要求復雜密碼后實現自動輸入學生賬號密碼,避免每次重復手動輸入,本地運行明文存儲密碼備忘(請注意盡量不要讓不信任的人接觸你的電腦,防止個人信息泄露)。
// @author Limonene0x
// @match http://jwxs.tjpu.edu.cn/login
// @icon http://jwxs.tjpu.edu.cn/img/icon/favicon.ico
// @homepage https://github.com/limonene0x
// @license MIT
// @grant none
// ==/UserScript==
- name是腳本的名稱
- namespace尚不明確
- version是腳本的版本號
- description是腳本說明
- author是作者名
- match是腳本匹配的域名,可以使用
*作為通配符 - icon是腳本的圖標
- homepage是腳本的發布主頁
- license是腳本遵循的開源協議
- grant尚不明確
- 注釋文檔部分前后使用
// ==UserScript==與// ==/UserScript==包圍起來
匹配的網址可以自己設定到本校的教務系統。
開發過程
在目標網頁打開開發者檢查工具,(或直接)按Ctrl+Shift+C開始選擇元素,將鼠標移動到要自動填充的用戶名框上單擊,會自動跳轉到目標代碼處

這里因為元素的唯一編碼是id因此我們選擇使用id來定位元素。
js中使用document.querySelector()來選擇元素,使用#來表示id,因此查找本示例中的id="input_username"的語句就是document.querySelector('#input_username')
同理密碼輸入框即可使用document.querySelector('#input_password')來查找
程序設計的目的是把我們自己的信息自動填入對應文本框,因此預先設置兩個變量存放要輸入的學號信息和密碼
var stu_num = '1234567890' // 學生學號(請在單引號內填寫)
var stu_pwd = 'aBcD_1234.' // 學生密碼(請在單引號內填寫)
考慮到其他頁面中腳本也可能會偶然被加載,因此判斷當沒有
input_username元素時直接返回,不做操作if(document.querySelector('#input_username') == null) { return; }
在正確的頁面中即可將變量中的我們的個人信息輸入到對應文本框中
document.querySelector('#input_username').value = stu_num
document.querySelector('#input_password').value = stu_pwd
到此即可實現個人信息的自動填充。

還可以略加一個判斷,提示是否彈出填充成功提示,並預先設置是否啟用。
var over_notice = 0 // 填寫完畢提示框:1為彈出提示;0為不彈出提示
if(over_notice != 0)
{
setTimeout(function()
{
alert("您的學號和密碼已經輸入完畢,請填寫驗證碼登錄");
}, 1000);
}
