当时我人都傻了，我把蘑菇影视官网的清晰度自动切换整理成“傻瓜版”教程
当时我人都傻了——我把蘑菇影视官网的清晰度自动切换整理成“傻瓜版”教程
看视频卡、切清晰度来回点、每次手动换分辨率真令人抓狂。于是我花了点时间把整个流程简化成一套人人都能照做的“傻瓜版”教程：安装一个小工具、粘贴一段简单脚本，打开页面就能按你想要的网络/偏好自动切分辨率。下面按步骤来，零基础也能上手。
一、准备工作（只需要几分钟）
- 浏览器：Chrome、Edge、或基于Chromium的浏览器（Firefox也支持但脚本管理器略有不同）。
- 插件：Tampermonkey（用户脚本管理器，浏览器扩展商店能搜到并安装）。
- 目标：知道蘑菇影视的网站域名（例：mogu***.com），用于在脚本里指定匹配地址。
二、做法（傻瓜式步骤）
- 安装 Tampermonkey
- 在浏览器的扩展商店搜索“Tampermonkey”并安装，安装后浏览器右上会出现图标。
- 新建用户脚本
- 点击 Tampermonkey 图标 → “创建新脚本”。
- 页面会打开一个编辑器，把默认内容全部删掉，替换为下面的脚本（看说明替换域名）：
// ==UserScript== // @name 蘑菇影视自动清晰度（傻瓜版） // @match https://你的蘑菇域名/* // 把这行改成真实域名，例如 https://www.example.com/* // @grant none // ==/UserScript==
(function(){ 'use strict'; // 根据浏览器网络状态自动选择：慢网 -> 标清，正常网 -> 高清，良好网 -> 原画 function chooseQualityByName(name){ // 常见播放器里清晰度项通常是按钮或列表项，遍历页面寻找带有关键字的元素并点击 const candidates = Array.from(document.querySelectorAll('button,div,li,a,span')); for (const el of candidates){ const txt = (el.innerText || '').trim(); if(!txt) continue; if(txt.includes(name) && el.offsetParent !== null){ el.click(); console.log('已选择清晰度：', name); return true; } } return false; }
function setByNetwork(){
const type = (navigator.connection && navigator.connection.effectiveType) || '';
if(/2g|slow-2g/.test(type)) {
chooseQualityByName('标清');
chooseQualityByName('360');
} else if(/3g/.test(type)) {
chooseQualityByName('高清');
chooseQualityByName('720');
} else {
chooseQualityByName('原画');
chooseQualityByName('1080');
}
}
// 有些播放器是动态加载的，多尝试几次
function trySet(times, interval){
let cnt = 0;
const id = setInterval(()=>{
if(cnt++ >= times) { clearInterval(id); return; }
setByNetwork();
}, interval);
}
window.addEventListener('load', ()=> trySet(8, 1000));
document.addEventListener('DOMContentLoaded', ()=> trySet(8, 1000));
})();
说明：
- 把脚本里 @match 那一行的域名替换成蘑菇影视官网的实际地址（例：https://www.yourmogu.com/*）。
- 脚本逻辑是通过浏览器当前网络状态（navigator.connection.effectiveType）判断网络好坏，再寻找页面上带“原画/高清/标清/1080/720/360”等文字的元素并触发点击，从而切换清晰度。
- 保存脚本并确保脚本处于“启用”状态。
- 打开蘑菇影视的播放页面测试
- 进入任意视频页面，等播放器加载完毕，脚本会在几秒内尝试多次点击合适的清晰度选项。
- 刷新或切换视频再次测试，观察日志（按F12打开控制台查看脚本输出）确认是否已选择清晰度。
三、常见问题与快速排查
-
脚本没生效？
-
检查 Tampermonkey 的脚本是否启用、@match 是否填对域名（协议、www 都要注意）。
-
若播放器是用 iframe 嵌套，脚本可能没作用在 iframe 上，需要把 @match 改为 iframe 的实际域名或在父页面注入脚本。
-
有些网站的清晰度控件并非通过文字显示（用图标或隐藏菜单），这类就需要微调脚本选择器，或直接用开发者工具定位清晰度按钮的 DOM 节点再修改脚本。
-
我不懂 JavaScript，能用吗？
-
按照上面的步骤复制粘贴基本能用。碰到特别页面只需把域名替换正确，多试几次就能看到效果。需要我远端看你的页面结构再改脚本我也可以帮你写更精确的版本。
四、进阶提示（非必须）
- 固定某个清晰度：如果你总想看“高清”，把 setByNetwork 里的判断替换成直接调用 chooseQualityByName('高清') 即可。
- 根据带宽自适应阈值微调：可以用在线测速结果或 navigator.connection.downlink 值来更精细地判断。
- 加上触发条件：比如仅在全屏时切换到更高清晰度，非全屏时保持较低清晰度以节省流量，这都可以在脚本里加判断。
五、最后两句 我把能想到的坑和应对都写进来了，跟着步骤走一般能一次成功。要我把脚本改成专门针对你给的那个蘑菇影视域名和播放器结构的精细版本，把页面链接发来就行——我会把“专属傻瓜版”脚本给你，保证开箱即用。
