自動電子投票，並且快速將結果保存成 JPG
当前为
// ==UserScript==
// @name 自動電子投票
// @namespace https://github.com/zxc88645/TdccAuto/blob/main/TdccAuto.js
// @version 1.7.8
// @description 自動電子投票，並且快速將結果保存成 JPG
// @author Owen
// @match https://stockservices.tdcc.com.tw/*
// @icon https://raw.githubusercontent.com/zxc88645/TdccAuto/refs/heads/main/img/TdccAuto_icon.png
// @grant GM_getValue
// @grant GM_setValue
// @require https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js
// @license MIT
// @homepage https://github.com/zxc88645/TdccAuto
// ==/UserScript==
/* global html2pdf */
(function () {
'use strict';
const savedKey = 'savedStocks2';
let savedStocks = GM_getValue(savedKey, {});
let idNo = null;
// 投票業不要請求
if (!window.location.pathname.includes('/evote/shareholder/001/')) {
fetchAndParseIdNO().then(_idNo => {
idNo = _idNo;
});
}
// log 當前 savedStocks
console.log('[所有帳號的已保存股票]');
for (const [_idNo, stocks] of Object.entries(savedStocks)) {
if (Array.isArray(stocks)) {
console.log(`戶號 ${_idNo}：${stocks.join(', ')}`);
} else {
delete savedStocks[_idNo]; // 移除舊資料格式
GM_setValue(savedKey, savedStocks); // 更新儲存的資料
}
}
/** 延遲函式 */
const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
function isXPath(selector) {
return selector.startsWith('/') || selector.startsWith('(');
}
/**
* 查詢 DOM 元素，支援 CSS 選擇器與 XPath
* @param {string} selector - CSS 選擇器或 XPath
* @param {Element} [context=document] - 查詢範圍
* @returns {Element|null} - 匹配的 DOM 元素
*/
function querySelector(selector, context = document) {
return isXPath(selector)
? document.evaluate(selector, context, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue
: context.querySelector(selector);
}
/**
* 點擊指定元素並等待執行完成
* @param {string|Element} target - CSS 選擇器或 XPath 或 DOM 元素
* @param {string} [expectedText=null] - 預期的文字內容
* @param {string} [logInfo=null] - 日誌輸出標籤
*/
async function clickAndWait(target, expectedText = null, logInfo = null) {
try {
const element = typeof target === 'string' ? querySelector(target) : target;
if (!element) {
console.warn(`[未找到] ${target}`);
return false;
}
if (expectedText && element.innerText.trim() !== expectedText) {
console.warn(`[文字不匹配] 預期: '${expectedText}'，但實際為: '${element.innerText.trim()}'`);
return false;
}
console.log(`[點擊] ${target} ${logInfo ? `| ${logInfo}` : ''}`);
element.click();
await sleep(100);
return true;
} catch (error) {
console.error(`[錯誤] 點擊失敗: ${target}`, error);
return false;
}
}
/**
* 下載 JPG
*/
function saveAsJPG() {
const element = document.querySelector("body > div.c-main > form");
if (!element) return;
const children = Array.from(element.children).slice(0, 4);
const tempDiv = document.createElement("div");
tempDiv.style.background = "white"; // 確保背景是白的
children.forEach(el => tempDiv.appendChild(el.cloneNode(true)));
// 把 tempDiv 暫時加到 body 中，讓 html2canvas 能正確渲染
document.body.appendChild(tempDiv);
tempDiv.style.position = 'absolute';
tempDiv.style.left = '-9999px';
// 提取股票代號
const stockNumber = getStockNumber() ?? "投票結果";
html2canvas(tempDiv, { scale: 2, useCORS: true }).then(canvas => {
const link = document.createElement("a");
link.href = canvas.toDataURL("image/jpeg", 1.0);
link.download = `${idNo}_${stockNumber}.jpg`;
link.click();
document.body.removeChild(tempDiv); // 清除暫時元素
});
// 保存股票代號紀錄
saveStockNumber();
}
/**
* 保存已下載截圖的代號
*/
function saveStockNumber() {
const stockNumber = getStockNumber();
if (!idNo || !stockNumber) {
console.warn(`[saveStockNumber] 無法保存：idNo=${idNo}, stockNumber=${stockNumber}`);
return;
}
// 若該帳號尚無記錄，初始化為空陣列
if (!savedStocks[idNo]) {
savedStocks[idNo] = [];
}
// 若尚未儲存此股票代號才加入
if (!savedStocks[idNo].includes(stockNumber)) {
savedStocks[idNo].push(stockNumber);
GM_setValue(savedKey, savedStocks);
console.log(`[saveStockNumber] 已儲存 ${stockNumber} 至帳號 ${idNo}`);
} else {
console.log(`[saveStockNumber] ${stockNumber} 已存在於帳號 ${idNo}`);
}
}
/**
* 從 /evote/shareholder/000/tc_estock_welshas.html 抓取 HTML 並解析 IdNO
*/
async function fetchAndParseIdNO() {
try {
console.log('[fetchAndParseIdNO] 開始抓取 IdNO...');
const response = await fetch('/evote/shareholder/000/tc_estock_welshas.html', {
credentials: 'include' // 保留 cookie/session
});
if (!response.ok) {
console.warn(`[fetchAndParseIdNO] 請求失敗，HTTP ${response.status}`);
return null;
}
const html = await response.text();
return getIdNO(html);
} catch (error) {
console.error('[fetchAndParseIdNO] 發生錯誤：', error);
return null;
}
}
/**
* 取得 IdNO
* @param {string} html - 從頁面取得的 HTML 原始碼
* @returns {string|null}
*/
function getIdNO(html) {
const regex = /idNo\s*:\s*'([A-Z]\d{9})'/i;
const match = html.match(regex);
if (match && match[1]) {
console.log(`[getIdNO] 從 HTML 解析 IdNO: ${match[1]}`);
return match[1];
} else {
console.log('[getIdNO] 無法解析 IdNO');
return null;
}
}
/**
* 等待直到全域變數 idNo 有值（非 null），最多嘗試 maxRetries 次
* @param {number} maxRetries 最大重試次數（預設 10）
* @param {number} delay 每次檢查間隔毫秒（預設 500ms）
* @returns {Promise<string|null>} 成功時回傳 idNo，失敗則回傳 null
*/
async function waitUntilIdNOAvailable(maxRetries = 10, delay = 500) {
for (let attempt = 1; attempt <= maxRetries; attempt++) {
if (idNo) {
console.log(`[waitUntilIdNOAvailable] idNo 已取得：${idNo}（第 ${attempt} 次）`);
return idNo;
}
console.log(`[waitUntilIdNOAvailable] 第 ${attempt} 次等待 idNo...`);
await new Promise(resolve => setTimeout(resolve, delay));
}
console.warn(`[waitUntilIdNOAvailable] 超過最大次數，idNo 仍為 null`);
return null;
}
/**
* 取得股票代號
*/
function getStockNumber() {
const text = document.querySelector("body > div.c-main > form > div.c-votelist_title > h2")?.innerText.trim();
const match = text?.match(/貴股東對(\S+)/);
return match ? match[1] : null;
}
/**
* 標註已儲存的股票代號
*/
function markSavedStockRows(savedStockList = []) {
try {
console.log(`[markSavedStockRows] 標記帳號 ${idNo} 的已保存股票：${savedStockList.join(', ')}`);
const stockRows = document.querySelectorAll('#stockInfo tbody tr');
stockRows.forEach(row => {
const stockCodeCell = row.querySelector('div.u-width--40');
const appendTargetCell = row.querySelector('td.u-width--20');
if (!stockCodeCell || !appendTargetCell) return;
const stockCode = stockCodeCell.textContent.trim();
if (savedStockList.includes(stockCode)) {
const alreadyTagged = stockCodeCell.innerHTML.includes('已保存');
if (!alreadyTagged) {
const savedTag = document.createElement('span');
savedTag.textContent = '（已保存）';
savedTag.className = 'savedTag';
savedTag.style.color = 'green';
savedTag.style.marginLeft = '5px';
savedTag.style.fontSize = '7px';
appendTargetCell.appendChild(savedTag);
}
}
});
} catch (error) {
console.error('標記已保存股票時發生錯誤：', error);
}
}
/**
* 進入第一個尚未保存結果的股票"查詢"
*/
async function enterFirstUnmarkedStock() {
try {
const stockRows = document.querySelectorAll('#stockInfo tbody tr');
for (const row of stockRows) {
const stockCodeCell = row.querySelector('div.u-width--40');
const appendTargetCell = row.querySelector('td.u-width--20');
if (!stockCodeCell || !appendTargetCell) continue;
const stockCode = stockCodeCell.textContent.trim();
const savedTag = appendTargetCell.querySelector('.savedTag');
if (savedTag) {
console.log(`[enterFirstUnmarkedStock] 股票 ${stockCode} 已保存，跳過`);
continue;
}
const enterLink = row.querySelector('td.u-width--20 a:nth-child(2)');
if (enterLink) {
console.log(`[enterFirstUnmarkedStock] 進入股票 ${stockCode}`);
await clickAndWait(enterLink, '查詢', `查詢 ${stockCode} 的投票結果`);
return;
}
}
console.warn('[enterFirstUnmarkedStock] 找不到尚未保存的股票');
} catch (error) {
console.error('[enterFirstUnmarkedStock] 發生錯誤：', error);
}
}
/**
* 創建懸浮窗口
*/
function createFloatingPanel() {
const panel = document.createElement('div');
panel.id = 'tdcc-float-panel';
panel.style.position = 'fixed';
panel.style.bottom = '20px';
panel.style.right = '20px';
panel.style.zIndex = '9999';
panel.style.backgroundColor = '#ffffff';
panel.style.border = '1px solid #ccc';
panel.style.borderRadius = '5px';
panel.style.padding = '10px';
panel.style.boxShadow = '0 2px 10px rgba(0,0,0,0.2)';
panel.style.fontFamily = 'Arial, sans-serif';
panel.style.fontSize = '14px';
const title = document.createElement('div');
title.textContent = '自動電子投票助手';
title.style.fontWeight = 'bold';
title.style.marginBottom = '10px';
panel.appendChild(title);
// 顯示idNo
const idNoDiv = document.createElement('div');
idNoDiv.textContent = 'idNo：' + idNo;
idNoDiv.style.marginBottom = '10px';
panel.appendChild(idNoDiv);
const clearBtn = document.createElement('button');
clearBtn.textContent = '清除 \'已保存\' 標記';
clearBtn.style.padding = '5px 10px';
clearBtn.style.backgroundColor = '#ff6b6b';
clearBtn.style.color = 'white';
clearBtn.style.border = 'none';
clearBtn.style.borderRadius = '3px';
clearBtn.style.cursor = 'pointer';
clearBtn.onclick = () => {
if (confirm('確定要清除所有已保存的股票記錄嗎？')) {
GM_setValue(savedKey, {});
window.location.reload();
}
};
panel.appendChild(clearBtn);
// 拖曳功能
let isDragging = false;
let offsetX, offsetY;
title.style.cursor = 'move';
title.addEventListener('mousedown', (e) => {
isDragging = true;
offsetX = e.clientX - panel.getBoundingClientRect().left;
offsetY = e.clientY - panel.getBoundingClientRect().top;
panel.style.cursor = 'grabbing';
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
panel.style.left = `${e.clientX - offsetX}px`;
panel.style.top = `${e.clientY - offsetY}px`;
panel.style.right = 'auto';
panel.style.bottom = 'auto';
});
document.addEventListener('mouseup', () => {
isDragging = false;
panel.style.cursor = 'default';
});
document.body.appendChild(panel);
}
/**
* 主程式
*/
async function main() {
const currentPath = window.location.pathname;
console.log(`[當前網址] ${currentPath}`);
if (currentPath.includes('/evote/shareholder/001/6_01.html')) {
console.log('進行電子投票 - 最後的確認');
await clickAndWait('#go', '確認', '確認');
} else if (currentPath.includes('/evote/shareholder/001/')) {
console.log('進行電子投票 - 投票中');
// 避免機器人判定
await sleep(100);
// 全部棄權
await clickAndWait('body > div.c-main > form > table:nth-child(3) > tbody > tr.u-t_align--right > td:nth-child(2) > a:nth-child(3)', '全部棄權', '勾選全部棄權(1)');
await clickAndWait('body > div.c-main > form > div.c-votelist_actions > button:nth-child(2)', '下一步', '按下 下一步(1)');
// 全部棄權 2
await clickAndWait('#voteform > table:nth-child(5) > tbody > tr > td.u-t_align--right > a:nth-child(8)', '全部棄權', '勾選全部棄權(2)');
await clickAndWait('#voteform > div.c-votelist_actions > button:nth-child(1)', '下一步', '按下 下一步(2)');
await clickAndWait('body > div.jquery-modal.blocker.current > div > div:nth-child(2) > button:nth-child(1)', '下一步', '按下 下一步(2.2)');
// 全部棄權 3
await clickAndWait('body > div.jquery-modal.blocker.current > div > div > button:nth-child(1)', '下一步', '按下 下一步(3.2)');
// 確認投票結果
console.log('進行電子投票 - 投票確認');
await sleep(500);
await clickAndWait('body > div.c-main > form > div.c-votelist_actions > button:nth-child(1)', '確認投票結果', '確認投票結果');
} else if (currentPath === '/evote/shareholder/000/tc_estock_welshas.html') {
console.log('位於投票列表首頁');
// 創建漂浮面板
await waitUntilIdNOAvailable();
createFloatingPanel();
// 標註已儲存的股票
markSavedStockRows(savedStocks[idNo] ?? []);
// 自動進入尚未投票的股票
const enterLink = await clickAndWait('//*[@id="stockInfo"]/tbody/tr[1]/td[4]/a[1]', '投票', '進入投票');
if (!enterLink) {
// 自動進入尚未保存結果的股票
await enterFirstUnmarkedStock();
}
} else if (currentPath === '/evote/shareholder/002/01.html') {
console.log('準備列印投票結果');
await waitUntilIdNOAvailable();
if (document.querySelector("#printPage")?.innerText.trim() === '列印') {
//保存並返回
saveAsJPG();
await sleep(200);
await clickAndWait('body > div.c-main > form > div.c-votelist_actions > button:nth-child(2)', '返回', '返回');
}
} else {
console.warn('當前網址不在預期範圍內');
}
console.log('✅ 完成');
}
// 在網頁完全載入後執行 main 函式
window.addEventListener("load", () => setTimeout(main, 500));
})();