// ==UserScript==
// @name Make Bilibili Better（海外优化版）
// @namespace local.make-bilibili-better
// @version 1.3.0
// @description 优化哔哩哔哩网页体验，支持海外播放地址优化，适合留学生和海外用户观看 B 站。
// @author ArcherEmiya
// @license MIT
// @match https://*.bilibili.com/*
// @match https://*.bilibili.tv/*
// @run-at document-start
// @grant unsafeWindow
// @grant GM_addStyle
// @grant GM_notification
// @grant GM_info
// @noframes
// ==/UserScript==
(function () {
'use strict';
const SCRIPT_VERSION = typeof GM_info !== 'undefined' ? GM_info.script.version : '1.3.0';
const CONFIG = {
hosts: {
homepage: 'www.bilibili.com',
dynamic: 't.bilibili.com',
live: 'live.bilibili.com',
},
paths: {
homepage: '/',
article: '/read/cv',
bangumi: '/bangumi/play/',
video: '/video/',
},
storage: {
dynamicWideDisabled: 'mbb-dynamic-wide-disabled',
videoCropEnabled: 'mbb-video-crop-enabled',
playbackFlag: 'bilibili_player_force_DolbyAtmos&8K&HDR',
hdrFlag: 'bilibili_player_force_hdr',
hevcError: 'enableHEVCError',
hevcPatchEnabled: 'mbb-hevc-patch-enabled',
safariUaPatchEnabled: 'mbb-safari-ua-patch-enabled',
},
playbackCapabilityPaths: [
'/watchlater',
'/watchroom',
'/medialist',
'/list/',
'/festival/',
'/blackboard/',
],
trackingParamRules: [
'buvid',
'from_spmid',
'is_story_h5',
'launch_id',
'live_from',
'mid',
'session_id',
'timestamp',
'unique_k',
'up_id',
'vd_source',
/^share/i,
/^spm/i,
],
userAgent: {
safariMac: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 14_6_1) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15',
platform: 'MacIntel',
},
};
const settings = {
key: 'mbb-settings-v1',
defaults: { ads: true, spacing: true, goods: true, liveClean: true, capability: true },
values: {},
applied: {},
listeners: new Set(),
logs: [],
issueCount: 0,
storageError: false,
read(key) {
try { return localStorage.getItem(key); } catch { this.storageError = true; return null; }
},
write(key, value) {
try { localStorage.setItem(key, value); return true; }
catch { this.storageError = true; return false; }
},
load() {
let saved = {};
try { saved = JSON.parse(this.read(this.key) || '{}') || {}; } catch { /* Use defaults. */ }
for (const [key, fallback] of Object.entries(this.defaults)) {
this.values[key] = typeof saved[key] === 'boolean' ? saved[key] : fallback;
}
this.values.crop = this.read(CONFIG.storage.videoCropEnabled) === '1';
this.values.wide = this.read(CONFIG.storage.dynamicWideDisabled) !== '1';
this.values.hevc = this.read(CONFIG.storage.hevcPatchEnabled) === '1';
this.values.safari = this.read(CONFIG.storage.safariUaPatchEnabled) === '1';
this.applied = { ...this.values };
},
set(key, value) {
const legacy = {
crop: CONFIG.storage.videoCropEnabled, wide: CONFIG.storage.dynamicWideDisabled,
hevc: CONFIG.storage.hevcPatchEnabled, safari: CONFIG.storage.safariUaPatchEnabled,
};
const next = { ...this.values, [key]: !!value };
const saved = legacy[key]
? this.write(legacy[key], (key === 'wide' ? !value : value) ? '1' : '0')
: this.write(this.key, JSON.stringify(next));
if (!saved) { this.emit(); return false; }
this.values = next;
this.applyStyles();
this.emit();
return true;
},
applyStyles() {
const root = document.documentElement;
if (!root) return;
for (const key of ['ads', 'spacing', 'goods', 'liveClean']) {
root.toggleAttribute(`data-mbb-${key.toLowerCase()}`, this.values[key]);
}
root.toggleAttribute('data-mbb-home', page.isHomepage());
root.toggleAttribute('data-mbb-wide', page.isDynamic() && this.values.wide);
document.body?.toggleAttribute('data-mbb-video-crop', page.isVideo() && this.values.crop);
const playerSwitch = document.querySelector('.bpx-player-ctrl-setting-fit-mode input');
if (playerSwitch) playerSwitch.checked = this.values.crop;
},
emit() { this.listeners.forEach(listener => listener()); },
log(message) {
this.logs.unshift({ time: new Date().toISOString(), message });
this.logs.length = Math.min(this.logs.length, 40);
this.emit();
},
};
const page = {
isHomepage() {
return location.host === CONFIG.hosts.homepage && location.pathname === CONFIG.paths.homepage;
},
isDynamic() {
return location.host === CONFIG.hosts.dynamic;
},
isArticle() {
return location.host === CONFIG.hosts.homepage && location.pathname.startsWith(CONFIG.paths.article);
},
isLive() {
return location.host === CONFIG.hosts.live;
},
isBangumi() {
return location.host === CONFIG.hosts.homepage && location.pathname.startsWith(CONFIG.paths.bangumi);
},
isVideo() {
return location.host === CONFIG.hosts.homepage && location.pathname.startsWith(CONFIG.paths.video);
},
needsPlaybackCapabilityPatch() {
if (this.isVideo() || this.isBangumi() || this.isLive()) {
return true;
}
if (location.host !== CONFIG.hosts.homepage) {
return false;
}
return CONFIG.playbackCapabilityPaths.some(prefix => location.pathname.startsWith(prefix));
},
};
const utils = {
toArray(listLike) {
return Array.from(listLike || []);
},
uniqueElements(list) {
return this.toArray(new Set(list));
},
getPageWindow() {
return typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
},
onBodyReady(callback) {
if (document.body) {
callback();
return;
}
let hasRun = false;
const runOnce = () => {
if (hasRun || !document.body) {
return;
}
hasRun = true;
callback();
};
document.addEventListener('DOMContentLoaded', runOnce, { once: true });
const intervalId = setInterval(() => {
if (hasRun) {
clearInterval(intervalId);
return;
}
if (document.body) {
clearInterval(intervalId);
runOnce();
}
}, 50);
},
observeAddedElements(onElement) {
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node instanceof HTMLElement) {
onElement(node);
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
return observer;
},
setNavigatorValue(propertyName, value) {
const descriptor = Object.getOwnPropertyDescriptor(window.navigator, propertyName);
if (descriptor && descriptor.configurable === false) {
return;
}
Object.defineProperty(window.navigator, propertyName, {
configurable: true,
get() {
return value;
},
});
},
safeNotification(options) {
if (typeof GM_notification === 'function') {
GM_notification(options);
}
},
};
const urlTools = {
shouldRemoveTrackingParam(paramName) {
return CONFIG.trackingParamRules.some(rule => {
if (rule instanceof RegExp) {
return rule.test(paramName);
}
return rule === paramName;
});
},
removeTrackingParams(inputUrl) {
if (!inputUrl) {
return inputUrl;
}
let parsedUrl;
try {
parsedUrl = new URL(String(inputUrl), location.href);
} catch (error) {
return inputUrl;
}
let changed = false;
utils.toArray(parsedUrl.searchParams.keys()).forEach(paramName => {
if (this.shouldRemoveTrackingParam(paramName)) {
parsedUrl.searchParams.delete(paramName);
changed = true;
}
});
if (!changed) {
return inputUrl;
}
if (/^https?:/i.test(String(inputUrl))) {
return parsedUrl.toString();
}
return `${parsedUrl.pathname}${parsedUrl.search}${parsedUrl.hash}`;
},
};
const modules = {
playbackCdnAccelerator: {
storageKey: 'biliAccelerator.config.v1',
mediaPathPattern: /\.(m4s|mp4|flv|m3u8)(?:$|[?#])/i,
ipPattern: /^(?:\d{1,3}\.){3}\d{1,3}$/,
xyMcdnPattern: /^xy(?:\d+x){3}\d+xy\.mcdn\.bilivideo\.(?:cn|com|net)$/i,
defaultConfig: Object.freeze({
enabled: true,
autoAdapt: true,
adaptiveLevel: 0,
mode: 'bad-only',
pcdnHost: 'upos-sz-mirrorcos.bilivideo.com',
mcdnStrategy: 'proxy-all',
proxyHost: 'proxy-tf-all-ws.bilivideo.com',
rewriteAkamai: false,
maxDepth: 20,
}),
state: {
rewrites: [],
rewriteCount: 0,
lastSource: '',
playbackIssues: [],
adaptiveReason: '',
lastAdaptiveAt: 0,
},
config: null,
nativeJsonParse: null,
shouldRun() {
return /(^|\.)bilibili\.(com|tv)$/i.test(location.hostname);
},
shouldMonitorPlayback() {
return page.needsPlaybackCapabilityPatch() || location.hostname.endsWith('.bilibili.tv');
},
getBufferedAhead(video) {
if (!(video instanceof HTMLVideoElement) || !video.buffered) {
return 0;
}
const currentTime = video.currentTime || 0;
for (let index = 0; index < video.buffered.length; index += 1) {
const start = video.buffered.start(index);
const end = video.buffered.end(index);
if (currentTime >= start && currentTime <= end) {
return Math.max(0, end - currentTime);
}
}
return 0;
},
isLikelyRealPlaybackIssue(video, reason) {
if (!(video instanceof HTMLVideoElement)) {
return false;
}
if (video.paused || video.ended || video.seeking || video.currentTime < 1) {
return false;
}
if (reason === 'error') {
return true;
}
const remaining = Number.isFinite(video.duration) ? video.duration - video.currentTime : 999;
if (remaining < 8) {
return false;
}
return video.readyState < HTMLMediaElement.HAVE_FUTURE_DATA || this.getBufferedAhead(video) < 2.5;
},
recordPlaybackIssue(root, video, reason) {
if (!this.shouldMonitorPlayback()) {
return;
}
if (!this.isLikelyRealPlaybackIssue(video, reason)) {
return;
}
const now = Date.now();
settings.issueCount += 1;
settings.log(`检测到播放异常：${reason}`);
if (!this.config?.enabled || !this.config.autoAdapt) return;
this.state.playbackIssues.push({
at: now,
reason,
bufferedAhead: this.getBufferedAhead(video),
readyState: video.readyState,
});
this.state.playbackIssues = this.state.playbackIssues.filter(item => now - item.at <= 45000);
const issueCount = this.state.playbackIssues.length;
const hasHardFailure = reason === 'error';
if (issueCount >= 3 || hasHardFailure) {
this.adaptPlaybackStrategy(root, `${reason}:${issueCount}`);
}
},
adaptPlaybackStrategy(root, reason) {
const now = Date.now();
if (now - this.state.lastAdaptiveAt < 60000) {
return;
}
if (this.config.adaptiveLevel >= 1 && this.config.mode === 'force' && this.config.rewriteAkamai) {
return;
}
this.state.lastAdaptiveAt = now;
this.state.adaptiveReason = reason;
settings.log('持续卡顿，切换至增强策略');
const saved = this.saveConfig(root, Object.assign({}, this.config, {
adaptiveLevel: 1,
mode: 'force',
mcdnStrategy: 'proxy-all',
rewriteAkamai: true,
}));
if (!saved) return;
console.info('[Make Bilibili Better] playback CDN strategy escalated after stutter', {
reason,
config: this.config,
});
this.reloadPlaybackOnce(root, reason);
},
reloadPlaybackOnce(root, reason) {
let markerKey = '';
try {
markerKey = `mbb-accelerator-adapted:${location.origin}${location.pathname}${location.search}`;
if (root.sessionStorage.getItem(markerKey) === '1') {
return;
}
root.sessionStorage.setItem(markerKey, '1');
} catch (error) {
// Continue without loop protection if sessionStorage is blocked.
}
setTimeout(() => {
try {
root.location.reload();
} catch (error) {
console.warn('[Make Bilibili Better] playback reload after CDN strategy change failed', reason, error);
}
}, 800);
},
collectVideos(root = document) {
const videos = [];
if (root instanceof HTMLVideoElement) {
videos.push(root);
}
if (typeof root.querySelectorAll === 'function') {
videos.push(...root.querySelectorAll('video'));
}
return utils.uniqueElements(videos);
},
attachPlaybackMonitor(root, target = document) {
this.collectVideos(target).forEach(video => {
if (!(video instanceof HTMLVideoElement) || video.dataset.mbbCdnMonitorBound === '1') {
return;
}
video.dataset.mbbCdnMonitorBound = '1';
video.addEventListener('waiting', () => this.recordPlaybackIssue(root, video, 'waiting'));
video.addEventListener('stalled', () => this.recordPlaybackIssue(root, video, 'stalled'));
video.addEventListener('error', () => this.recordPlaybackIssue(root, video, 'error'));
setInterval(() => {
if (!video.isConnected) {
return;
}
if (!video.paused && !video.ended && this.getBufferedAhead(video) < 1.5 && video.readyState < HTMLMediaElement.HAVE_ENOUGH_DATA) {
this.recordPlaybackIssue(root, video, 'low-buffer');
}
}, 4000);
});
},
normalizeConfig(config) {
return Object.assign({}, this.defaultConfig, config || {});
},
loadConfig(root) {
try {
const stored = root.localStorage.getItem(this.storageKey);
return this.normalizeConfig(stored ? JSON.parse(stored) : null);
} catch (error) {
return this.normalizeConfig();
}
},
saveConfig(root, nextConfig) {
const normalized = this.normalizeConfig(nextConfig);
if (!settings.write(this.storageKey, JSON.stringify(normalized))) {
settings.emit();
return false;
}
this.config = normalized;
settings.emit();
return true;
},
hasBiliMediaSignal(value) {
return typeof value === 'string'
&& (
value.includes('bilivideo')
|| value.includes('akamaized.net')
|| value.includes('szbdyd.com')
|| value.includes('/upgcxcode/')
|| value.includes('/v1/resource/')
);
},
parseUrl(value) {
if (!this.hasBiliMediaSignal(value)) {
return null;
}
try {
const url = new URL(value);
if (url.protocol !== 'http:' && url.protocol !== 'https:') {
return null;
}
return url;
} catch (error) {
return null;
}
},
isMediaUrl(url) {
return this.mediaPathPattern.test(url.pathname + url.search)
|| url.pathname.startsWith('/upgcxcode/')
|| url.pathname.startsWith('/v1/resource/');
},
isMcdnHost(hostname) {
return /\.mcdn\.bilivideo\.(?:cn|com|net)$/i.test(hostname);
},
isPcdnHost(url) {
return this.ipPattern.test(url.hostname)
|| this.xyMcdnPattern.test(url.hostname)
|| this.isMcdnHost(url.hostname);
},
isBiliCdnHost(hostname) {
return hostname.endsWith('.bilivideo.com')
|| hostname.endsWith('.bilivideo.cn')
|| hostname.endsWith('.bilivideo.net')
|| hostname.endsWith('.akamaized.net');
},
isKnownSlowHost(url, config) {
const hostname = url.hostname.toLowerCase();
if (this.isPcdnHost(url) || hostname.endsWith('.szbdyd.com')) {
return true;
}
if (hostname.includes('mirroraliov') || hostname.includes('mirrorcosov') || hostname.includes('mirrorhwov')) {
return true;
}
return config.rewriteAkamai && hostname.endsWith('.akamaized.net');
},
cleanHost(host) {
const trimmed = String(host || '').trim();
return trimmed.replace(/^https?:\/\//i, '').replace(/\/.*$/, '');
},
replaceHost(url, host) {
const cleanedHost = this.cleanHost(host);
if (!cleanedHost) {
return url.toString();
}
const next = new URL(url.toString());
next.protocol = 'https:';
next.host = cleanedHost;
if (!cleanedHost.includes(':')) {
next.port = '';
}
return next.toString();
},
proxyUrl(url, config) {
const next = new URL(`https://${this.cleanHost(config.proxyHost)}/`);
next.searchParams.set('url', url.toString());
return next.toString();
},
shouldProxyMcdn(url, config) {
if (!this.isMcdnHost(url.hostname)) {
return false;
}
if (config.mcdnStrategy === 'proxy-all') {
return true;
}
return config.mcdnStrategy === 'proxy-v1' && url.pathname.startsWith('/v1/resource/');
},
rewriteUrlDetail(value, rawConfig) {
const config = this.normalizeConfig(rawConfig);
const original = String(value || '');
const url = this.parseUrl(original);
if (!config.enabled || !url || !this.isMediaUrl(url) || url.hostname === this.cleanHost(config.proxyHost)) {
return {
changed: false,
original,
url: original,
reason: 'ignored',
};
}
if (url.hostname.endsWith('.szbdyd.com')) {
const source = url.searchParams.get('xy_usource');
if (source) {
const rewritten = this.replaceHost(url, source);
return {
changed: rewritten !== original,
original,
url: rewritten,
reason: 'szbdyd-source',
targetHost: this.cleanHost(source),
};
}
}
if (this.shouldProxyMcdn(url, config)) {
const rewritten = this.proxyUrl(url, config);
return {
changed: rewritten !== original,
original,
url: rewritten,
reason: 'mcdn-proxy',
targetHost: this.cleanHost(config.proxyHost),
};
}
const force = config.mode === 'force';
if (this.isKnownSlowHost(url, config) || (force && this.isBiliCdnHost(url.hostname))) {
const rewritten = this.replaceHost(url, config.pcdnHost);
return {
changed: rewritten !== original,
original,
url: rewritten,
reason: this.isPcdnHost(url) ? 'pcdn-host' : 'cdn-host',
targetHost: this.cleanHost(config.pcdnHost),
};
}
return {
changed: false,
original,
url: original,
reason: 'ok',
};
},
rewriteObject(value, rawConfig, state, depth, seen) {
const config = this.normalizeConfig(rawConfig);
const tracker = state || { changed: false, rewrites: [] };
const level = depth || 0;
const visited = seen || new WeakSet();
if (!config.enabled || value == null || level > config.maxDepth) {
return value;
}
if (typeof value === 'string') {
const detail = this.rewriteUrlDetail(value, config);
if (detail.changed) {
tracker.changed = true;
tracker.rewrites.push(detail);
}
return detail.url;
}
if (typeof value !== 'object') {
return value;
}
if (visited.has(value)) {
return value;
}
visited.add(value);
if (Array.isArray(value)) {
for (let index = 0; index < value.length; index += 1) {
value[index] = this.rewriteObject(value[index], config, tracker, level + 1, visited);
}
return value;
}
Object.keys(value).forEach(key => {
value[key] = this.rewriteObject(value[key], config, tracker, level + 1, visited);
});
return value;
},
rewritePayload(payload, source) {
const tracker = { changed: false, rewrites: [] };
try {
const rewritten = this.rewriteObject(payload, this.config, tracker);
this.record(tracker.rewrites, source);
return rewritten;
} catch (error) {
console.warn('[Make Bilibili Better] playback CDN rewrite failed', error);
return payload;
}
},
record(rewrites, source) {
if (!rewrites || rewrites.length === 0) {
return;
}
this.state.lastSource = source;
this.state.rewriteCount += rewrites.length;
this.state.rewrites = this.state.rewrites.concat(rewrites.map(item => ({
at: new Date().toISOString(),
source,
reason: item.reason,
targetHost: item.targetHost,
from: item.original,
to: item.url,
}))).slice(-50);
this.renderStatus();
},
isInterestingFetch(input) {
const url = typeof input === 'string' ? input : input?.url;
return typeof url === 'string'
&& (
url.includes('/x/player')
|| url.includes('/pgc/player')
|| url.includes('playurl')
|| url.includes('bilivideo')
);
},
patchJsonParse(root) {
if (!root.JSON || root.JSON.parse.__mbbAcceleratorPatched === '1') {
return;
}
const accelerator = this;
root.JSON.parse = function patchedJsonParse(text) {
const parsed = accelerator.nativeJsonParse.apply(this, arguments);
if (typeof text === 'string' && text.includes('bilivideo')) {
return accelerator.rewritePayload(parsed, 'JSON.parse');
}
return parsed;
};
Object.defineProperty(root.JSON.parse, '__mbbAcceleratorPatched', {
configurable: true,
value: '1',
});
},
patchFetch(root) {
if (!root.fetch || root.fetch.__mbbAcceleratorPatched === '1') {
return;
}
const accelerator = this;
const nativeFetch = root.fetch;
root.fetch = function patchedFetch() {
const args = arguments;
return nativeFetch.apply(this, args).then(response => {
if (!accelerator.config.enabled || !accelerator.isInterestingFetch(args[0])) {
return response;
}
const contentType = response.headers?.get('content-type');
if (contentType && !contentType.includes('json') && !contentType.includes('text')) {
return response;
}
return response.clone().text().then(text => {
if (!text || !text.includes('bilivideo')) {
return response;
}
let parsed;
const tracker = { changed: false, rewrites: [] };
try {
parsed = accelerator.nativeJsonParse(text);
accelerator.rewriteObject(parsed, accelerator.config, tracker);
} catch (error) {
return response;
}
if (!tracker.changed) {
return response;
}
accelerator.record(tracker.rewrites, 'fetch');
const HeadersCtor = root.Headers || Headers;
const ResponseCtor = root.Response || Response;
const headers = new HeadersCtor(response.headers);
headers.delete('content-length');
return new ResponseCtor(JSON.stringify(parsed), {
status: response.status,
statusText: response.statusText,
headers,
});
}).catch(() => response);
});
};
Object.defineProperty(root.fetch, '__mbbAcceleratorPatched', {
configurable: true,
value: '1',
});
},
patchGlobalPlayInfo(root, name) {
let currentValue;
const existing = Object.getOwnPropertyDescriptor(root, name);
if (existing && existing.configurable === false) {
return;
}
if (existing && 'value' in existing) {
currentValue = this.rewritePayload(existing.value, name);
}
try {
Object.defineProperty(root, name, {
configurable: true,
enumerable: true,
get() {
return currentValue;
},
set: value => {
currentValue = this.rewritePayload(value, name);
},
});
} catch (error) {
if (root[name]) {
root[name] = this.rewritePayload(root[name], name);
}
}
},
renderStatus() {
settings.emit();
},
install() {
const root = utils.getPageWindow();
if (root.__MBB_BILI_ACCELERATOR_INSTALLED__) {
return;
}
root.__MBB_BILI_ACCELERATOR_INSTALLED__ = true;
this.config = this.loadConfig(root);
this.nativeJsonParse = root.JSON?.parse || JSON.parse;
this.patchJsonParse(root);
this.patchFetch(root);
this.patchGlobalPlayInfo(root, '__playinfo__');
this.patchGlobalPlayInfo(root, '__INITIAL_STATE__');
root.MBBPlaybackAccelerator = {
getConfig: () => Object.assign({}, this.config),
setConfig: nextConfig => {
this.saveConfig(root, Object.assign({}, this.config, nextConfig || {}));
this.renderStatus();
return Object.assign({}, this.config);
},
getStats: () => JSON.parse(JSON.stringify(this.state)),
rewriteUrl: url => this.rewriteUrlDetail(url, this.config).url,
};
utils.onBodyReady(() => {
if (this.shouldMonitorPlayback()) this.attachPlaybackMonitor(root);
utils.observeAddedElements(node => {
if (this.shouldMonitorPlayback()) this.attachPlaybackMonitor(root, node);
});
});
console.info('[Make Bilibili Better] adaptive playback CDN accelerator installed', root.MBBPlaybackAccelerator.getConfig());
},
},
trackingCleanup: {
shouldRun() {
return true;
},
install() {
const pageWindow = utils.getPageWindow();
const { history } = pageWindow;
const cleanedCurrentUrl = urlTools.removeTrackingParams(location.href);
if (typeof cleanedCurrentUrl === 'string' && cleanedCurrentUrl !== location.href) {
history.replaceState(history.state, '', cleanedCurrentUrl);
}
const originalPushState = history.pushState.bind(history);
history.pushState = function (state, unused, url) {
const cleanedUrl = typeof url === 'string' ? urlTools.removeTrackingParams(url) : url;
return originalPushState(state, unused, cleanedUrl);
};
const originalReplaceState = history.replaceState.bind(history);
history.replaceState = function (state, unused, url) {
const cleanedUrl = typeof url === 'string' ? urlTools.removeTrackingParams(url) : url;
return originalReplaceState(state, unused, cleanedUrl);
};
},
},
playbackCapabilityUnlocks: {
shouldRun() {
return page.needsPlaybackCapabilityPatch();
},
install() {
try {
if (settings.values.capability) {
localStorage.setItem(CONFIG.storage.playbackFlag, '1');
localStorage.setItem(CONFIG.storage.hdrFlag, '1');
} else {
localStorage.removeItem(CONFIG.storage.playbackFlag);
localStorage.removeItem(CONFIG.storage.hdrFlag);
}
} catch (error) {
// Ignore storage write failures on restricted pages.
}
let shouldPatchHevc = false;
try {
shouldPatchHevc = localStorage.getItem(CONFIG.storage.hevcPatchEnabled) === '1';
} catch (error) {
// Keep native error handling when preferences cannot be read.
}
const storageProto = shouldPatchHevc ? Object.getPrototypeOf(sessionStorage) : null;
if (storageProto && storageProto.__mbbHevcPatched !== '1') {
const originalGetItem = storageProto.getItem;
storageProto.getItem = function (key) {
if (this === sessionStorage && key === CONFIG.storage.hevcError) {
return undefined;
}
return originalGetItem.call(this, key);
};
Object.defineProperty(storageProto, '__mbbHevcPatched', {
configurable: true,
value: '1',
});
}
let shouldPatchSafariUa = false;
try {
shouldPatchSafariUa = localStorage.getItem(CONFIG.storage.safariUaPatchEnabled) === '1';
} catch (error) {
shouldPatchSafariUa = false;
}
if (shouldPatchSafariUa) {
utils.setNavigatorValue('userAgent', CONFIG.userAgent.safariMac);
utils.setNavigatorValue('platform', CONFIG.userAgent.platform);
}
settings.applied.capability = settings.values.capability;
settings.applied.hevc = shouldPatchHevc;
settings.applied.safari = shouldPatchSafariUa;
},
},
homepageCleanup: {
shouldRun() {
return page.isHomepage();
},
collectFeedCards(root = document) {
const cards = [];
if (root instanceof HTMLElement && root.matches('.feed-card, .bili-feed-card')) {
cards.push(root);
}
if (typeof root.querySelectorAll === 'function') {
cards.push(...root.querySelectorAll('.feed-card, .bili-feed-card'));
}
return utils.uniqueElements(cards);
},
hasAdMarkers(card) {
return Boolean(
card.querySelector('a[href*="cm.bilibili.com"]')
|| card.querySelector('.ad-report')
);
},
isEmptyRecommendationCard(card) {
const videoCard = card.matches('.bili-video-card')
? card
: card.querySelector('.bili-video-card.is-rcmd');
if (!(videoCard instanceof HTMLElement) || !videoCard.matches('.bili-video-card.is-rcmd')) {
return false;
}
if (videoCard.querySelector('.bili-video-card__wrap, .bili-video-card__info, .bili-video-card__image--link, .bili-video-card__skeleton')) {
return false;
}
const elementChildren = utils.toArray(videoCard.children);
return elementChildren.length === 1 && elementChildren[0].tagName === 'DIV';
},
cleanup(root = document) {
this.collectFeedCards(root).forEach(card => {
card.toggleAttribute('data-mbb-ad', this.hasAdMarkers(card));
if (this.isEmptyRecommendationCard(card)) {
card.remove();
}
});
},
install() {
GM_addStyle([
'html[data-mbb-home][data-mbb-spacing] .feed2 .container > * { margin-top: 0 !important; }',
'html[data-mbb-home][data-mbb-ads] [data-mbb-ad] { display: none !important; }',
].join('\n'));
this.cleanup();
let attempts = 0;
const intervalId = setInterval(() => {
this.cleanup();
attempts += 1;
if (attempts >= 100) {
clearInterval(intervalId);
}
}, 300);
utils.observeAddedElements(node => this.cleanup(node));
},
},
dynamicWideMode: {
shouldRun() {
return page.isDynamic();
},
isEnabled() {
return settings.values.wide;
},
applyState(enabled) {
document.documentElement.toggleAttribute('data-mbb-wide', enabled);
},
toggle() {
const nextEnabled = !this.isEnabled();
if (nextEnabled) {
localStorage.removeItem(CONFIG.storage.dynamicWideDisabled);
} else {
localStorage.setItem(CONFIG.storage.dynamicWideDisabled, '1');
}
this.applyState(nextEnabled);
},
createButton() {
const button = document.createElement('button');
button.id = 'mbb-wide-mode-switch';
button.type = 'button';
button.className = 'mbb-wide-mode-switch';
button.textContent = '宽屏';
button.addEventListener('click', () => this.toggle());
return button;
},
install() {
GM_addStyle([
'html[data-mbb-wide] #app { display: flex; }',
'html[data-mbb-wide] .bili-dyn-home--member { box-sizing: border-box; width: 100%; flex: 1; padding: 0 10px; }',
'html[data-mbb-wide] .bili-dyn-content { width: auto; }',
'html[data-mbb-wide] main { width: auto; flex: 1; margin: 0 8px; overflow: hidden; }',
'.mbb-wide-mode-switch { position: fixed; right: 16px; bottom: 24px; z-index: 9999; box-sizing: border-box; min-width: 76px; padding: 8px 14px; border: 1px solid #e3e5e7; border-radius: 6px; background: #fff; color: #18191c; font: inherit; line-height: 20px; text-align: center; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); }',
'.mbb-wide-mode-switch:hover { border-color: #c9ccd0; background: #fff; color: #18191c; }',
'html[data-mbb-wide] .mbb-wide-mode-switch { border-color: transparent; background: #fb7299; color: #fff; box-shadow: 0 6px 16px rgba(251, 114, 153, 0.28); }',
'html[data-mbb-wide] .mbb-wide-mode-switch:hover { background: #fc86a8; color: #fff; }',
'html[data-mbb-goods] .bili-dyn-list__item:has(.bili-dyn-card-goods), html[data-mbb-goods] .bili-dyn-list__item:has(.bili-rich-text-module.goods) { display: none !important; }',
].join('\n'));
this.applyState(this.isEnabled());
},
},
articleCopy: {
shouldRun() {
return page.isArticle();
},
unlock(root = document) {
const articleHolders = [];
if (root instanceof HTMLElement && root.matches('.article-holder')) {
articleHolders.push(root);
}
if (typeof root.querySelectorAll === 'function') {
articleHolders.push(...root.querySelectorAll('.article-holder'));
}
articleHolders.forEach(holder => {
holder.classList.remove('unable-reprint');
});
},
install() {
document.addEventListener('copy', event => {
if (event.target instanceof Node && event.target.parentElement?.closest('.article-holder')) {
event.stopImmediatePropagation();
}
}, true);
this.unlock();
utils.observeAddedElements(node => this.unlock(node));
},
},
videoCropMode: {
shouldRun() {
return page.isVideo();
},
isEnabled() {
return settings.values.crop;
},
applyState(enabled) {
document.body.toggleAttribute('data-mbb-video-crop', enabled);
},
setEnabled(enabled) {
settings.set('crop', enabled);
},
updateInput(input) {
if (input instanceof HTMLInputElement) {
input.checked = this.isEnabled();
}
},
createSwitchItem() {
const item = document.createElement('div');
item.className = 'bpx-player-ctrl-setting-fit-mode bui bui-switch';
item.innerHTML = '';
const input = item.querySelector('input');
this.updateInput(input);
input?.addEventListener('change', event => {
this.setEnabled(Boolean(event.target?.checked));
});
return item;
},
mountSwitch() {
const existingInput = document.querySelector('.bpx-player-ctrl-setting-fit-mode input');
if (existingInput) {
this.updateInput(existingInput);
return true;
}
const parent = document.querySelector('.bpx-player-ctrl-setting-menu-left');
if (!(parent instanceof HTMLElement)) {
return false;
}
const item = this.createSwitchItem();
const moreButton = document.querySelector('.bpx-player-ctrl-setting-more');
if (moreButton instanceof HTMLElement && moreButton.parentElement === parent) {
parent.insertBefore(item, moreButton);
} else {
parent.appendChild(item);
}
const panelItem = document.querySelector('.bpx-player-ctrl-setting-box .bui-panel-item');
if (panelItem instanceof HTMLElement) {
panelItem.style.height = '';
}
return true;
},
install() {
GM_addStyle([
'body[data-mbb-video-crop] #bilibili-player video { object-fit: cover !important; }',
'.bpx-player-ctrl-setting-fit-mode { display: flex; width: 100%; height: 32px; line-height: 32px; }',
'.bpx-player-ctrl-setting-box .bui-panel-wrap, .bpx-player-ctrl-setting-box .bui-panel-item { min-height: 172px !important; }',
].join('\n'));
this.applyState(this.isEnabled());
let attempts = 0;
const timer = setInterval(() => {
attempts += 1;
if (this.mountSwitch() || attempts >= 200) {
clearInterval(timer);
}
}, 200);
},
},
liveEnhancements: {
shouldRun() {
return page.isLive();
},
install() {
GM_addStyle([
'html[data-mbb-liveclean] #welcome-area-bottom-vm { display: none !important; }',
'html[data-mbb-liveclean] .web-player-icon-roomStatus { display: none !important; }',
].join('\n'));
const errorTimestamps = [];
let hasShownFailureNotice = false;
const recordPlaybackFailure = () => {
const now = Date.now();
errorTimestamps.push(now);
while (errorTimestamps.length && now - errorTimestamps[0] > 30000) {
errorTimestamps.shift();
}
if (hasShownFailureNotice || errorTimestamps.length < 5) {
return;
}
hasShownFailureNotice = true;
settings.log('直播多次播放失败，已提醒切换较低画质');
utils.safeNotification({
title: '直播播放异常',
text: '检测到直播多次播放失败，最高清晰度可能不可用，建议尝试切换到较低画质。',
timeout: 4000,
silent: true,
});
};
const attachVideoWatchers = root => {
const videos = [];
if (root instanceof HTMLVideoElement) {
videos.push(root);
}
if (typeof root.querySelectorAll === 'function') {
videos.push(...root.querySelectorAll('video'));
}
utils.uniqueElements(videos).forEach(video => {
if (!(video instanceof HTMLVideoElement) || video.dataset.mbbLiveBound === '1') {
return;
}
video.dataset.mbbLiveBound = '1';
video.addEventListener('error', recordPlaybackFailure);
video.addEventListener('stalled', recordPlaybackFailure);
video.addEventListener('abort', recordPlaybackFailure);
});
};
attachVideoWatchers(document);
utils.observeAddedElements(node => attachVideoWatchers(node));
},
},
bangumiEnhancements: {
shouldRun() {
return page.isBangumi();
},
install() {
const attachVideoRecovery = root => {
const videos = [];
if (root instanceof HTMLVideoElement) {
videos.push(root);
}
if (typeof root.querySelectorAll === 'function') {
videos.push(...root.querySelectorAll('video'));
}
utils.uniqueElements(videos).forEach(video => {
if (!(video instanceof HTMLVideoElement) || video.dataset.mbbBangumiBound === '1') {
return;
}
video.dataset.mbbBangumiBound = '1';
let hasRetried = false;
video.addEventListener('error', () => {
if (hasRetried) {
return;
}
hasRetried = true;
settings.log('番剧播放错误，尝试恢复一次');
const currentTime = Number.isFinite(video.currentTime) ? video.currentTime : 0;
try {
video.load();
video.addEventListener('loadedmetadata', () => {
if (currentTime > 0) {
try {
video.currentTime = currentTime;
} catch (error) {
// Ignore seek failures on recovery.
}
}
video.play().catch(() => { });
}, { once: true });
} catch (error) {
// Ignore recovery failures and let the player handle the final state.
}
});
});
};
attachVideoRecovery(document);
utils.observeAddedElements(node => attachVideoRecovery(node));
},
},
};
const startup = {
installed: new Set(),
earlyModules: [
modules.playbackCdnAccelerator,
modules.trackingCleanup,
modules.playbackCapabilityUnlocks,
],
bodyModules: [
modules.homepageCleanup,
modules.dynamicWideMode,
modules.articleCopy,
modules.videoCropMode,
modules.liveEnhancements,
modules.bangumiEnhancements,
],
run(list) {
list.forEach(module => {
if (module.shouldRun() && !this.installed.has(module)) {
module.install();
this.installed.add(module);
}
});
},
boot() {
settings.load();
settings.applyStyles();
this.run(this.earlyModules);
utils.onBodyReady(() => {
settings.applyStyles();
this.run(this.bodyModules);
installControlPanel();
let route = location.href;
setInterval(() => {
if (route === location.href) return;
route = location.href;
this.run(this.earlyModules);
this.run(this.bodyModules);
settings.applyStyles();
if (modules.playbackCdnAccelerator.shouldMonitorPlayback()) {
modules.playbackCdnAccelerator.attachPlaybackMonitor(utils.getPageWindow());
}
settings.emit();
}, 750);
});
},
};
// BEGIN GENERATED CONTROL PANEL
/*
# Third-Party Notices
The control panel embeds icons from Lucide 0.468.0. The blue electrical effects are custom paths.
Source: https://github.com/lucide-icons/lucide
## Lucide
ISC License
Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
## Feather
MIT License
Copyright (c) 2013-2022 Cole Bemis
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
const CONTROL_PANEL_TEMPLATE = "\n";
function installControlPanel() {
if (document.getElementById('mbb-control-panel')) return;
const host = document.createElement('div');
host.id = 'mbb-control-panel';
host.style.cssText = 'all:initial!important;position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none!important;';
const root = host.attachShadow({ mode: 'open' });
root.innerHTML = CONTROL_PANEL_TEMPLATE;
root.querySelector('style').textContent += '\n.panel,.dock,dialog{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;letter-spacing:0}dialog{pointer-events:auto}';
root.querySelector('style').textContent += '\n.toast{position:fixed;top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);max-height:56px;pointer-events:none}';
document.documentElement.append(host);
const $ = id => root.getElementById(id);
const all = selector => [...root.querySelectorAll(selector)];
const accelerator = modules.playbackCdnAccelerator;
const reduced = matchMedia('(prefers-reduced-motion: reduce)');
const refreshKeys = ['capability', 'hevc', 'safari'];
const labels = {
enabled: '播放地址优化', crop: '裁切模式', wide: '动态宽屏', ads: '首页广告清理',
spacing: '推荐间距优化', goods: '动态带货内容隐藏', liveClean: '直播界面精简',
capability: '高画质能力声明', hevc: 'HEVC错误标记兼容', safari: 'Safari UA伪装',
};
const inputIds = { enabled: 'enabled', crop: 'crop', wide: 'wide', safari: 'safari',
ads: 'feature-ads', spacing: 'feature-spacing', goods: 'feature-goods',
liveClean: 'feature-liveClean', capability: 'feature-capability', hevc: 'feature-hevc' };
const strategyHelp = {
auto: '持续卡顿时自动增强优化。', gentle: '仅优化问题地址，不自动切换。', force: '替换更多播放地址，不一定更快。',
};
const mode = () => accelerator.config.autoAdapt ? 'auto' : accelerator.config.mode === 'force' ? 'force' : 'gentle';
const cdnSignature = () => JSON.stringify(['enabled', 'autoAdapt', 'mode', 'rewriteAkamai'].map(key => accelerator.config[key]));
const initialCdn = cdnSignature();
let activeTab = 'settings', opened = false, hiddenForFullscreen = false;
let dischargeTimer, toastTimer, hoverTimer, leaveTimer, helpButton;
const scrollPositions = { settings: 0, current: 0 };
const body = root.querySelector('.panel .body');
root.append($('toast'));
const bolt = root.querySelector('.panel-head .logo');
root.querySelector('.version').textContent = `v${SCRIPT_VERSION}`;
root.querySelectorAll('.stat-name')[1].textContent = '播放异常';
const notice = document.createElement('div');
notice.className = 'mode-current-note';
notice.textContent = '新策略用于后续请求；当前播放可刷新应用。';
root.querySelector('.segments').after(notice);
// Keep a single tooltip outside the scroll container to avoid clipping.
$('panel').append($('mode-hint'));
$('dock').hidden = false;
$('panel').hidden = true;
$('panel').inert = true;
$('panel').setAttribute('aria-hidden', 'true');
$('panel').classList.remove('closed');
$('dock').setAttribute('aria-controls', 'panel');
$('dock').setAttribute('aria-expanded', 'false');
function installDockDragging(read, write) {
const dock = $('dock'), key = 'mbb-dock-position-v1';
const saved = read(key);
let ratio = saved === null ? null : Number(saved);
if (!Number.isFinite(ratio) || ratio < 0 || ratio > 1) ratio = null;
let drag = null, suppressClick = false;
const maxTop = () => Math.max(8, innerHeight - 60);
const clamp = y => Math.max(8, Math.min(maxTop(), y));
function layout() {
dock.style.top = `${clamp(ratio === null ? innerHeight * 0.3 : 8 + ratio * (maxTop() - 8))}px`;
}
dock.removeAttribute('title');
dock.addEventListener('pointerdown', event => {
if (!event.isPrimary || event.button !== 0) return;
suppressClick = false;
drag = { id: event.pointerId, x: event.clientX, y: event.clientY, top: parseFloat(dock.style.top), moved: false };
dock.setPointerCapture(event.pointerId);
});
dock.addEventListener('pointermove', event => {
if (!drag || drag.id !== event.pointerId) return;
if (!drag.moved && Math.hypot(event.clientX - drag.x, event.clientY - drag.y) < 6) return;
drag.moved = true;
suppressClick = true;
dock.classList.add('dragging');
dock.style.top = `${clamp(drag.top + event.clientY - drag.y)}px`;
event.preventDefault();
});
function finish(event) {
if (!drag || drag.id !== event.pointerId) return;
const current = drag;
drag = null;
dock.classList.remove('dragging');
if (event.type !== 'pointerup') {
layout();
} else if (current.moved) {
ratio = (parseFloat(dock.style.top) - 8) / Math.max(1, maxTop() - 8);
write(key, String(ratio));
}
if (dock.hasPointerCapture(event.pointerId)) dock.releasePointerCapture(event.pointerId);
}
dock.addEventListener('pointerup', finish);
dock.addEventListener('pointercancel', finish);
dock.addEventListener('lostpointercapture', finish);
dock.addEventListener('click', event => {
if (!suppressClick || event.detail === 0) return;
suppressClick = false;
event.preventDefault();
event.stopImmediatePropagation();
}, true);
window.addEventListener('resize', () => {
if (drag) finish({ pointerId: drag.id, type: 'pointercancel' });
layout();
});
layout();
}
installDockDragging(key => settings.read(key), (key, value) => {
if (!settings.write(key, value)) announce('位置仅在本次页面生效，无法保存。');
});
function announce(message) {
$('toast').textContent = message;
$('toast').hidden = false;
clearTimeout(toastTimer);
toastTimer = setTimeout(() => { $('toast').hidden = true; }, 2600);
}
function positionPanel() {
const dock = $('dock'), panel = $('panel');
const hidden = dock.hidden, visibility = dock.style.visibility;
// Measure the anchor even while the panel has replaced the dock.
dock.style.visibility = 'hidden'; dock.hidden = false;
const anchor = dock.getBoundingClientRect();
dock.hidden = hidden; dock.style.visibility = visibility;
const logo = bolt.getBoundingClientRect();
const offset = logo.top + logo.height / 2 - panel.getBoundingClientRect().top;
const top = Math.max(12, Math.min(anchor.top + anchor.height / 2 - offset, window.innerHeight - 332));
panel.style.top = `${top}px`;
panel.style.maxHeight = `${Math.max(0, Math.min(520, window.innerHeight - top - 12))}px`;
}
function open() {
if (hiddenForFullscreen) return;
clearTimeout(dischargeTimer); dischargeTimer = null;
$('dock').classList.remove('discharging');
opened = true;
$('panel').hidden = false; $('panel').inert = false;
$('panel').removeAttribute('aria-hidden');
$('dock').setAttribute('aria-expanded', 'true');
const keyboard = root.activeElement === $('dock');
$('dock').hidden = true;
render();
positionPanel();
if (keyboard) $(`tab-${activeTab}`).focus();
}
function close() {
hideHelp(); clearTimeout(dischargeTimer); dischargeTimer = null;
$('dock').classList.remove('discharging');
if ($('reset-dialog').open) $('reset-dialog').close();
opened = false;
$('dock').hidden = hiddenForFullscreen;
if ($('panel').contains(root.activeElement) && !hiddenForFullscreen) $('dock').focus();
$('panel').inert = true; $('panel').hidden = true;
$('panel').setAttribute('aria-hidden', 'true');
$('dock').setAttribute('aria-expanded', 'false');
}
$('dock').onclick = () => {
if (dischargeTimer) return;
if (reduced.matches) { open(); return; }
$('dock').classList.add('discharging');
dischargeTimer = setTimeout(open, 240);
};
$('close').onclick = close;
document.addEventListener('pointerdown', event => {
if (opened && !event.composedPath().includes(host) && !$('reset-dialog').open) close();
});
document.addEventListener('keydown', event => {
if (event.key !== 'Escape' || !opened || $('reset-dialog').open) return;
if (!$('mode-hint').hidden) { const button = helpButton; hideHelp(); button?.focus(); hideHelp(); }
else close();
event.preventDefault(); event.stopPropagation();
}, true);
all('[data-tab]').forEach((button, index, tabs) => {
const select = target => {
scrollPositions[activeTab] = body.scrollTop;
hideHelp(); activeTab = target.dataset.tab;
tabs.forEach(tab => {
const selected = tab === target;
tab.setAttribute('aria-selected', String(selected)); tab.tabIndex = selected ? 0 : -1;
$(tab.dataset.tab).hidden = !selected;
});
$('reset').hidden = activeTab !== 'settings'; $('copy').hidden = activeTab !== 'current';
render(); body.scrollTop = scrollPositions[activeTab];
};
button.onclick = () => select(button);
button.onkeydown = event => {
if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;
event.preventDefault();
const next = event.key === 'Home' ? 0 : event.key === 'End' ? tabs.length - 1
: (index + (event.key === 'ArrowRight' ? 1 : tabs.length - 1)) % tabs.length;
select(tabs[next]); tabs[next].focus();
};
});
function flash() {
if (!reduced.matches && !bolt.classList.contains('is-charged')) bolt.classList.add('is-charged');
}
bolt.addEventListener('animationend', event => { if (event.target === bolt) bolt.classList.remove('is-charged'); });
reduced.addEventListener('change', () => bolt.classList.remove('is-charged'));
Object.entries(inputIds).forEach(([key, id]) => {
$(id).onchange = () => {
const enabled = $(id).checked;
const saved = key === 'enabled'
? accelerator.saveConfig(utils.getPageWindow(), { ...accelerator.config, enabled })
: settings.set(key, enabled);
if (!saved) { render(); announce('无法保存设置，请检查浏览器存储权限。'); return; }
settings.log(`${labels[key]}：${enabled ? '开启' : '关闭'}`);
if (enabled) flash();
render();
};
});
all('[data-mode]').forEach(button => {
button.onclick = () => {
const nextMode = button.dataset.mode;
const next = { ...accelerator.config, autoAdapt: nextMode === 'auto',
mode: nextMode === 'force' ? 'force' : 'bad-only', rewriteAkamai: nextMode === 'force',
adaptiveLevel: nextMode === 'force' ? 1 : 0, mcdnStrategy: 'proxy-all' };
if (!accelerator.saveConfig(utils.getPageWindow(), next)) announce('策略保存失败。');
else {
accelerator.state.playbackIssues = [];
accelerator.state.lastAdaptiveAt = 0;
settings.log(`播放策略：${button.textContent}`);
}
hideHelp(); render();
};
});
$('apply').onclick = () => location.reload();
$('reset').onclick = () => { hideHelp(); $('reset-dialog').showModal(); };
$('cancel-reset').onclick = () => $('reset-dialog').close();
$('confirm-reset').onclick = () => {
let saved = true;
const defaults = { ...settings.defaults, wide: true, crop: false, hevc: false, safari: false };
for (const [key, value] of Object.entries(defaults)) if (!settings.set(key, value)) saved = false;
if (!accelerator.saveConfig(utils.getPageWindow(), accelerator.defaultConfig)) saved = false;
if (saved) {
settings.issueCount = 0; settings.logs = [];
Object.assign(accelerator.state, { rewrites: [], rewriteCount: 0, playbackIssues: [], lastAdaptiveAt: 0, adaptiveReason: '' });
settings.log('已恢复默认设置');
}
$('reset-dialog').close(); render();
announce(saved ? '已恢复默认；兼容设置如有变更需刷新。' : '部分设置保存失败，请检查存储权限。');
};
$('clear').onclick = () => { settings.logs = []; render(); };
$('copy').onclick = async () => {
// Never export signed playback URLs, user IDs, cookies or full page URLs.
const diagnostic = {
version: SCRIPT_VERSION, page: pageName(), settings: { ...settings.values },
appliedCompatibility: Object.fromEntries(refreshKeys.map(key => [key, settings.applied[key]])),
playback: { enabled: accelerator.config.enabled, strategy: mode(), adaptiveLevel: accelerator.config.adaptiveLevel,
rewrites: accelerator.state.rewriteCount, issues: settings.issueCount },
events: settings.logs,
};
try { await navigator.clipboard.writeText(JSON.stringify(diagnostic, null, 2)); announce('诊断信息已复制'); }
catch { announce('复制失败，请允许剪贴板访问后重试。'); }
};
function pageName() {
if (page.isHomepage()) return '首页';
if (page.isDynamic()) return '动态页';
if (page.isArticle()) return '专栏页';
if (page.isVideo()) return '视频播放页';
if (page.isLive()) return '直播间';
if (page.isBangumi()) return '番剧页';
if (page.needsPlaybackCapabilityPatch()) return '播放列表页';
if (location.hostname.endsWith('.bilibili.tv')) return '国际站';
return '其他页面';
}
const statusSection = $('diagnostic-mode').closest('section');
statusSection.replaceChildren();
function render() {
if (!opened) return;
const values = settings.values, config = accelerator.config;
for (const [key, id] of Object.entries(inputIds)) $(id).checked = key === 'enabled' ? config.enabled : values[key];
all('[data-mode]').forEach(button => {
button.disabled = !config.enabled;
button.setAttribute('aria-pressed', String(button.dataset.mode === mode()));
});
const pending = refreshKeys.some(key => values[key] !== settings.applied[key]);
const cdnPending = initialCdn !== cdnSignature();
notice.hidden = !cdnPending;
$('pending').hidden = !(pending || cdnPending);
$('advanced-state').textContent = pending ? '待刷新' : `${refreshKeys.filter(key => values[key]).length} / 3已开启`;
$('advanced-state').classList.toggle('pending-state', pending);
const count = ['ads', 'spacing', 'goods', 'liveClean'].filter(key => values[key]).length;
root.querySelector('[data-group]').textContent = `${count} / 4已开启`;
$('hint-hevc').hidden = !values.hevc; $('ua-warning').hidden = !values.safari;
root.querySelector('.footer-note').textContent = settings.storageError ? '存储不可用' : '当前站点设置';
root.querySelector('#current .label').textContent = pageName();
const video = document.querySelector('video');
const playbackPage = accelerator.shouldMonitorPlayback();
$('status-text').textContent = !config.enabled ? '使用原始播放地址'
: !playbackPage || !video ? '暂无播放任务' : video.paused ? '播放已暂停' : config.autoAdapt ? '正在监测播放' : '手动策略已启用';
$('strategy').textContent = !config.enabled ? '已关闭' : config.mode === 'force' ? '增强策略' : '温和策略';
root.querySelector('#current .stats').hidden = !playbackPage;
$('rewrites').textContent = String(accelerator.state.rewriteCount);
$('issues').textContent = String(settings.issueCount);
const rows = [['播放地址优化', !config.enabled ? '已关闭' : `${mode() === 'auto' ? '自动 · ' : ''}${config.mode === 'force' ? '增强' : '温和'}策略`]];
if (page.isVideo()) rows.push(['视频裁切', values.crop ? '已启用' : '未开启']);
if (page.isDynamic()) rows.push(['动态宽屏', values.wide ? '已启用' : '已关闭'], ['动态带货内容隐藏', values.goods ? '已启用' : '已关闭']);
if (page.isHomepage()) rows.push(['首页广告清理', values.ads ? '已启用' : '已关闭'], ['空白卡片清理', '自动运行'], ['推荐间距优化', values.spacing ? '已启用' : '已关闭']);
if (page.isArticle()) rows.push(['专栏正文复制', '自动运行']);
if (page.isLive()) rows.push(['直播界面精简', values.liveClean ? '已启用' : '已关闭'], ['直播异常提醒', '等待异常']);
if (page.isBangumi()) rows.push(['番剧错误重试', '错误时自动重试一次']);
if (page.needsPlaybackCapabilityPatch()) refreshKeys.forEach(key => {
rows.push([labels[key], values[key] !== settings.applied[key]
? `待刷新${values[key] ? '开启' : '关闭'}` : settings.applied[key] ? '已应用' : '未开启']);
});
rows.push(['链接跟踪参数清理', '自动运行']);
const statusSignature = JSON.stringify(rows);
if (statusSection.dataset.signature !== statusSignature) {
statusSection.dataset.signature = statusSignature;
statusSection.replaceChildren();
rows.forEach(([name, state]) => {
const row = document.createElement('div'); row.className = 'kv';
for (const text of [name, state]) { const span = document.createElement('span'); span.textContent = text; row.append(span); }
statusSection.append(row);
});
}
const logSignature = JSON.stringify(settings.logs);
if ($('logs').dataset.signature !== logSignature) {
$('logs').dataset.signature = logSignature; $('logs').replaceChildren();
if (!settings.logs.length) $('logs').textContent = '暂无记录';
settings.logs.forEach(entry => {
const line = document.createElement('div'); line.className = 'log';
const time = document.createElement('time'); time.textContent = new Date(entry.time).toLocaleTimeString();
line.append(time, document.createTextNode(entry.message)); $('logs').append(line);
});
}
}
function hideHelp() {
clearTimeout(hoverTimer); clearTimeout(leaveTimer);
$('mode-hint').hidden = true; helpButton?.setAttribute('aria-expanded', 'false');
}
function showHelp(button) {
hideHelp(); helpButton = button;
if (!opened || hiddenForFullscreen) return;
const text = button.dataset.help || strategyHelp[mode()];
const chars = Array.from(text), lines = [];
for (let index = 0; index < chars.length;) {
let end = Math.min(index + 18, chars.length);
while (end < chars.length && /^[，。！？；：、,.!?;:…）】》」』”’％%]$/.test(chars[end])) end++;
while (end < chars.length && end > index + 1 && /^[（【《「『“‘]$/.test(chars[end - 1])) end--;
lines.push(chars.slice(index, end).join('')); index = end;
}
const tooltip = $('mode-hint'); tooltip.textContent = lines.join('\n');
const measure = document.createElement('canvas').getContext('2d'); measure.font = getComputedStyle(tooltip).font;
tooltip.style.width = `${Math.ceil(measure.measureText(lines[0]).width + 34)}px`;
const bounds = $('panel').getBoundingClientRect(), anchor = button.getBoundingClientRect();
tooltip.style.maxWidth = `${bounds.width - 24}px`; tooltip.style.maxHeight = `${bounds.height - 24}px`;
tooltip.style.overflowY = 'auto'; tooltip.hidden = false;
const box = tooltip.getBoundingClientRect();
tooltip.style.left = `${Math.max(bounds.left + 12, Math.min(anchor.left, bounds.right - box.width - 12))}px`;
const top = anchor.bottom + 8 + box.height > bounds.bottom - 12 ? anchor.top - box.height - 8 : anchor.bottom + 8;
tooltip.style.top = `${Math.max(bounds.top + 12, Math.min(top, bounds.bottom - box.height - 12))}px`;
button.setAttribute('aria-expanded', 'true');
}
function leaveHelp() { clearTimeout(hoverTimer); leaveTimer = setTimeout(hideHelp, 180); }
all('.feature-help').forEach(button => {
button.removeAttribute('title');
button.addEventListener('pointerenter', event => {
if (event.pointerType === 'touch') return;
clearTimeout(leaveTimer); clearTimeout(hoverTimer);
hoverTimer = setTimeout(() => showHelp(button), 250);
});
button.addEventListener('pointerleave', leaveHelp);
button.addEventListener('focus', () => { if (button.matches(':focus-visible')) showHelp(button); });
button.addEventListener('blur', hideHelp);
button.onclick = () => {
if (matchMedia('(hover: none)').matches) {
if (!$('mode-hint').hidden && helpButton === button) hideHelp(); else showHelp(button);
}
};
});
$('mode-hint').onpointerenter = () => clearTimeout(leaveTimer);
$('mode-hint').onpointerleave = leaveHelp;
root.addEventListener('click', event => { if (!event.target.closest('.feature-help,#mode-hint')) hideHelp(); });
body.addEventListener('scroll', hideHelp);
window.addEventListener('resize', () => { hideHelp(); if (opened) positionPanel(); });
function checkFullscreen() {
const fullscreen = !!document.fullscreenElement || !!document.querySelector('.bpx-state-web,.bpx-state-fullscreen,.webfullscreen');
if (fullscreen !== hiddenForFullscreen) {
hiddenForFullscreen = fullscreen;
if (fullscreen) close();
host.style.setProperty('visibility', fullscreen ? 'hidden' : 'visible', 'important');
if (!fullscreen) $('dock').hidden = false;
}
}
document.addEventListener('fullscreenchange', checkFullscreen);
settings.listeners.add(render);
setInterval(() => { checkFullscreen(); render(); }, 1000);
checkFullscreen();
}
// END GENERATED CONTROL PANEL
startup.boot();
})();