全自动提示：先双击“启动BiliFetch本地助手.bat”并保持窗口打开；不确定是否启动时，点“更多 > 检测助手”。未启动时会尝试浏览器内自动合并，不再下载 bat。
默认已勾选“合并视频+音频MP4”。需要字幕、封面、信息等内容时，可继续多选后点“开始”。不确定本地助手是否启动时，点“更多 > 检测助手”。
`;
document.documentElement.appendChild(panel);
restorePanelPosition(panel);
enablePanelDrag(panel);
fillModeChecks(panel.querySelector(`#${MODE_ID}`), modes, loadSelectedModes());
fillSelect(panel.querySelector(`#${QUALITY_ID}`), qualities, loadSelectedQuality());
panel.querySelector(`#${MODE_ID}`).addEventListener("change", (event) => {
handleModeChecksChange(panel.querySelector(`#${MODE_ID}`), event);
});
panel.querySelector(`#${QUALITY_ID}`).addEventListener("change", (event) => {
localStorage.setItem(STORAGE_QUALITY_KEY, normalizeQuality(event.target.value));
refreshDetectedVideoHint();
});
panel.querySelector(`#${PAGE_LIST_ID}`).addEventListener("change", (event) => {
handleVideoChecksChange(event);
});
panel.querySelector("#bilifetch-scriptcat-select-all").addEventListener("click", () => {
selectVideoChoices("all");
});
panel.querySelector("#bilifetch-scriptcat-select-current").addEventListener("click", () => {
selectVideoChoices("current");
});
panel.querySelector(".bf-toggle").addEventListener("click", () => {
panel.classList.toggle("is-collapsed");
panel.querySelector(".bf-toggle").textContent = panel.classList.contains("is-collapsed") ? "+" : "-";
});
panel.querySelector("#bilifetch-scriptcat-more").addEventListener("click", () => {
const extra = panel.querySelector("#bilifetch-scriptcat-extra-actions");
const text = UI_TEXT[currentLanguage()];
extra.classList.toggle("is-open");
panel.querySelector("#bilifetch-scriptcat-more").textContent = extra.classList.contains("is-open") ? text.less : text.more;
});
panel.querySelector("#bilifetch-scriptcat-preview").addEventListener("click", () => {
previewSelectedMode().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-helper-status").addEventListener("click", () => {
checkLocalHelperStatus().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-start").addEventListener("click", () => {
runSelectedMode().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-diagnose").addEventListener("click", () => {
copyDiagnostics().catch(showError);
});
panel.querySelector("#bilifetch-scriptcat-settings").addEventListener("click", () => {
openSettingsPanel();
});
applyLanguage(panel);
refreshVideoChoices().catch((error) => {
showVideoChoicesError(error);
});
refreshDetectedVideoHint(true);
showChangelogIfNeeded();
}
function enablePanelDrag(panel) {
const handle = panel.querySelector(".bf-head");
if (!handle || typeof PointerEvent === "undefined") {
return;
}
let drag = null;
handle.addEventListener("pointerdown", (event) => {
if (event.button !== undefined && event.button !== 0) {
return;
}
if (event.target.closest("button, input, select, textarea, a")) {
return;
}
const rect = panel.getBoundingClientRect();
drag = {
id: event.pointerId,
startX: event.clientX,
startY: event.clientY,
left: rect.left,
top: rect.top,
width: rect.width,
height: rect.height,
};
panel.classList.add("is-dragging");
panel.style.left = `${rect.left}px`;
panel.style.top = `${rect.top}px`;
panel.style.right = "auto";
panel.style.bottom = "auto";
handle.setPointerCapture(event.pointerId);
event.preventDefault();
});
handle.addEventListener("pointermove", (event) => {
if (!drag || drag.id !== event.pointerId) {
return;
}
const left = clampPanelValue(drag.left + event.clientX - drag.startX, 8, window.innerWidth - drag.width - 8);
const top = clampPanelValue(drag.top + event.clientY - drag.startY, 8, window.innerHeight - Math.min(drag.height, window.innerHeight - 16) - 8);
panel.style.left = `${left}px`;
panel.style.top = `${top}px`;
event.preventDefault();
});
const finishDrag = (event) => {
if (!drag || drag.id !== event.pointerId) {
return;
}
try {
handle.releasePointerCapture(event.pointerId);
} catch (error) {
}
drag = null;
panel.classList.remove("is-dragging");
keepPanelInViewport(panel);
savePanelPosition(panel);
};
handle.addEventListener("pointerup", finishDrag);
handle.addEventListener("pointercancel", finishDrag);
window.addEventListener("resize", () => {
keepPanelInViewport(panel);
savePanelPosition(panel);
});
}
function restorePanelPosition(panel) {
try {
const raw = localStorage.getItem(STORAGE_PANEL_POSITION_KEY);
if (!raw) {
return;
}
const position = JSON.parse(raw);
if (!Number.isFinite(position.left) || !Number.isFinite(position.top)) {
return;
}
panel.style.left = `${position.left}px`;
panel.style.top = `${position.top}px`;
panel.style.right = "auto";
panel.style.bottom = "auto";
requestAnimationFrame(() => {
keepPanelInViewport(panel);
savePanelPosition(panel);
});
} catch (error) {
localStorage.removeItem(STORAGE_PANEL_POSITION_KEY);
}
}
function keepPanelInViewport(panel) {
const rect = panel.getBoundingClientRect();
if (!rect.width || !rect.height) {
return;
}
const maxLeft = Math.max(8, window.innerWidth - rect.width - 8);
const maxTop = Math.max(8, window.innerHeight - Math.min(rect.height, window.innerHeight - 16) - 8);
const left = clampPanelValue(rect.left, 8, maxLeft);
const top = clampPanelValue(rect.top, 8, maxTop);
panel.style.left = `${left}px`;
panel.style.top = `${top}px`;
panel.style.right = "auto";
panel.style.bottom = "auto";
}
function savePanelPosition(panel) {
const rect = panel.getBoundingClientRect();
if (!Number.isFinite(rect.left) || !Number.isFinite(rect.top)) {
return;
}
localStorage.setItem(STORAGE_PANEL_POSITION_KEY, JSON.stringify({
left: Math.round(rect.left),
top: Math.round(rect.top),
}));
}
function clampPanelValue(value, min, max) {
if (max < min) {
return min;
}
return Math.max(min, Math.min(max, value));
}
function fillSelect(select, items, selectedValue) {
for (const [value, label] of items) {
const option = document.createElement("option");
option.value = value;
option.textContent = label;
option.selected = value === selectedValue;
select.appendChild(option);
}
}
function fillModeChecks(container, items, selectedValues) {
if (!container) {
return;
}
const selected = new Set(normalizeSelectedModes(selectedValues));
container.innerHTML = "";
for (const [value, label] of items) {
const option = document.createElement("label");
option.className = "bf-mode-item";
option.innerHTML = `