ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

Return YouTube Dislike 完整安装指南:从浏览器扩展到用户脚本的多平台部署实战

Return YouTube Dislike 完整安装指南:从浏览器扩展到用户脚本的多平台部署实战 开发工具【免费下载链接】return-youtube-dislikeChrome extension to return youtube dislikes项目地址https://gitcode.com/gh_mirrors/re/return-youtube-dislike点击查看免费下载本文导读本文以开源仓库 return-youtube-dislike 的官方安装文档 Docs/Guide__Installing.md 为骨架结合仓库内真实 Manifest 配置、Webpack 构建脚本与用户脚本源码系统讲解该扩展在桌面端Chromium 系 / Firefox 系、移动端Android / iOS以及无扩展环境下 Userscript 的下载、安装、更新与进阶用法。读完本文你将掌握如何通过应用商店一键安装、如何通过 crx/zip/xpi 文件侧载sideload、如何以“加载已解压的扩展程序”方式在开发模式下运行、如何把 YouTube 网站安装为桌面/移动端应用以及各安装路径背后的浏览器权限模型与源码依据。一、开篇这份指南覆盖什么Return YouTube Dislike 是一款用于恢复 YouTube 视频「踩」计数dislike的开源扩展。官方仓库为其维护了三个浏览器家族的构建产物见 webpack.config.js 中chrome/firefox/safari三个输出目录并额外提供了一份无需扩展即可运行的 Userscript。安装指南 Docs/Guide__Installing.md 的核心价值在于把“在哪里下载”和“怎么装上去”两条链路按桌面/移动端逐一拆解覆盖了普通用户、开发者以及受限于平台如 iOS用户的全部典型场景。全文脉络与官方文档一致依次展开下载Downloading官方认可的各平台分发渠道安装Installation商店安装、文件侧载、开发模式加载三大路径使用Using安装后零配置生效更新Updating各渠道的更新机制杂项Miscellaneous把 YouTube 网页安装为“应用”的桌面/移动端玩法二、下载先选对渠道再谈安装2.1 桌面端浏览器家族决定一切官方在桌面端把浏览器划分为两个阵营并有对应的分发渠道浏览器阵营代表浏览器官方测试情况Chromium 系Google Chrome、Microsoft Edge、Brave、Opera已实测可用理论上支持所有 Chromium 系浏览器不保证Firefox 系Firefox官方称应可运行于多数 Firefox 系浏览器不保证对应关系如下Chromium 系浏览器→ Chrome Web Store 扩展也可用 crx/zip 侧载Firefox 系浏览器→ Firefox Add-onsAMO扩展也可用 xpi/jar/zip 侧载。从仓库源码可以印证这种“一扩展多构建”的分发策略Extensions/combined/目录下同时维护了三份 Manifest——manifest-chrome.json、manifest-firefox.json、manifest-safari.json分别对应 MV3、MV2、MV2非持久化后台三套声明。构建脚本 webpack.config.js 会将公共源码分别复制进Extensions/combined/dist/chrome、dist/firefox、dist/safari三个目录并自动把占位符__RYD_VERSION__替换为package.json中的实际版本号见manifestTransform与i18nTransform两个转换函数。版本与兼容性说明仓库当前package.json版本为4.0.4用户脚本版本为3.1.5。若你的浏览器属于上述家族之外例如 Safari 桌面版可参考仓库 README.md 中提到的 Web Extension 支持情况自行评估官方安装指南未将其列为已测试平台。2.2 移动端Android 与 iOS 的差异化现状官方对移动端的态度是“分而治之”AndroidF-Droid 商店官方文档指向第三方应用Show Youtube Dislikes注意该应用并非本扩展原作者开发仅为使用同一数据方案的独立作品下载与使用需自行评估风险Firefox NightlyFirefox for Android Nightly 支持扩展可安装本扩展Chromium 系浏览器多数 Chromium 系浏览器在 Android 上不支持扩展但 Kiwi Browser 例外官方文档附有对应的安装演示视频链接。iOSFirefoxiOS不支持扩展官方文档附 Mozilla 支持页面说明了原因越狱Jailbreak用户可通过第三方源安装 iOS 移植版但官方明确声明“我们不承担任何责任风险自负”且该移植版由独立团队PoomSmart 的 Return-YouTube-Dislikes 项目维护与本仓库原作者无关联。2.3 Userscript无扩展环境的通用方案若你不想安装扩展或使用的浏览器如部分小众内核浏览器不支持 Web Extension官方提供了 Userscript 版本可从官网安装页直接获取仓库内的源文件位于 Extensions/UserScript/Return Youtube Dislike.user.js。从该文件头部元数据可以确认其分发设计match *://*.youtube.com/*仅在 YouTube 域名下注入exclude *://music.youtube.com/*显式排除 YouTube Music与扩展 Manifest 中的exclude_matches一致grant GM.xmlHttpRequest/connect youtube.com通过油猴 API 跨域请求数据grant GM_addStyle注入样式run-at document-end页面加载完成后执行downloadURL/updateURL指向同一份.user.js支持脚本管理器的自动更新。用户脚本还内建了一组可编辑的用户选项位于文件顶部extConfig对象约第 26–41 行例如showUpdatePopup更新后是否弹窗、disableVoteSubmission是否停止提交你的点赞/点踩数据、coloredThumbs/coloredBar拇指图标与比例条配色、colorThemeclassic/accessible/neon 三套主题、numberDisplayFormatcompactShort/compactLong/standard 三种数字格式、rateBarEnabled点赞/点踩下方比例条等。手动安装 Userscript 时可以直接编辑这些开关以获得与扩展一致的个性化行为。三、安装桌面端三条路径详解3.1 Chromium 系浏览器路径一从 Chrome Web Store 安装最推荐打开扩展的 Chrome Web Store 页面点击Install / 安装等待扩展下载并自动完成安装安装完成浏览器工具栏出现扩展图标。这是普通用户的首选路径优点是可以获得商店自动更新与官方签名校验。路径二从 crx/zip 文件侧载Sideload适用于无法访问商店、或希望固定某个版本的用户下载 crx 或 zip 格式的扩展包地址栏输入chrome://extensions并回车打开右上角开发者模式Developer Mode开关将浏览器窗口与下载目录并排摆放把 crx/zip 文件拖拽到chrome://extensions页面点击弹窗中的Add extension / 添加扩展安装完成若不需要继续调试记得关闭开发者模式。注意事项侧载未签名扩展属于开发用途浏览器可能弹出风险提示Chrome 系浏览器对“开发者模式”下加载的扩展保留一定的警告标识。路径三从解压后的文件夹加载Load Unpacked面向开发者或需要直接运行仓库源码构建产物的场景准备好解压后的扩展目录例如本地执行npm run build后生成的 Extensions/combined/dist/chrome地址栏输入chrome://extensions并回车打开开发者模式开关点击Load Unpacked / 加载已解压的扩展程序导航到扩展目录并选中它扩展即刻安装完成同样记得在不需要时关闭开发者模式。源码依据chrome://extensions加载的就是 manifest-chrome.json 声明的结构——MV3 下使用service_worker: ryd.background.js作为后台脚本content_scripts匹配*://youtube.com/*、*://www.youtube.com/*、*://m.youtube.com/*三个域名并排除*://*.music.youtube.com/*同时声明了host_permissions: *://*.youtube.com/* 与 *://returnyoutubedislikeapi.com/*后者是数据 API 域名以及storage权限。这解释了为什么加载后无需任何手动配置即可工作。3.2 Firefox 系浏览器路径一从 Add-on 商店安装打开 Firefox 的扩展商店页面AMO找到 Return YouTube Dislike点击Add to Firefox / 添加到 Firefox安装完成。路径二从 xpi/jar/zip 文件侧载地址栏输入about:addons并回车也可使用快捷键Windows 为CtrlShiftAMac 为CmdShiftA点击页面中的设置齿轮图标⚙选择Install Add-on From File… / 从文件安装附加组件定位并选中.xpi/.jar/.zip文件确认后完成安装。源码依据Firefox 构建使用 MV2 的 manifest-firefox.json后台脚本以background.scripts数组形式声明content_scripts匹配*://*.youtube.com/*并排除*://*.music.youtube.com/*run_at: document_idle。文件中还保留了一段被注释的browser_specific_settings.gecko配置含扩展 ID 与strict_min_version官方注释说明这是“为了在 Firefox 本地运行时 storage 正常工作”可启用的选项——自行打包侧载遇到存储异常时可参考该段。3.3 Safari补充仓库虽然维护了 manifest-safari.jsonMV2、非持久化后台、run_at: document_idle但官方安装指南未在桌面章节列出 Safari 的商店安装步骤package.json中提供了build:safari脚本通过xcrun safari-web-extension-converter将构建产物转换为 Safari 扩展工程。这属于开发者自行转换的进阶路径普通用户请以官方商店渠道为准。四、安装移动端路径详解4.1 Android商店应用官方文档说明“使用同一 API 的应用存在但均非官方出品”下载前请自行甄别Firefox Nightly 路径安装 Firefox NightlyAndroid 版在其扩展商店中安装本扩展可选将网站安装为应用步骤见第六节Kiwi Browser 路径Kiwi 支持加载桌面扩展可按桌面端“加载已解压/拖拽 crx”的方式操作参考官方文档附带的演示视频。4.2 iOSFirefox for iOS 不支持扩展无官方安装途径越狱用户可尝试第三方 iOS 移植版但官方不承担任何责任非越狱用户目前只能在 iOS 的 Safari 中等待平台能力开放或改用桌面设备。五、使用与更新安装之后的两件小事5.1 使用零配置即用官方文档明确指出安装后无需任何额外步骤扩展应立即开始工作若遇到页面未生效重启浏览器即可。这与源码实现吻合——内容脚本 ryd.content-script.js 在页面加载后通过轮询与MutationObserver探测视频页元素就绪状态checkForInitialization循环间隔约 111ms随后调用setInitialState()渲染点赞/点踩数据并监听存储变化storage.onChanged与短视频Shorts切换ensureShortsNavigationObserver因此用户无感即可获得功能。5.2 更新跟随渠道自动或手动Chromium 系商店安装的扩展由商店自动更新侧载crx/zip 或解压目录的扩展需要重新执行对应安装流程Firefox 系商店安装的扩展自动更新xpi/jar/zip 侧载的需重新安装文件Firefox 移动端仅支持商店渠道自动更新Userscript借助updateURL由脚本管理器自动拉取最新版 Extensions/UserScript/Return Youtube Dislike.user.js。补充提示仓库内扩展的“更新日志”界面位于Extensions/combined/changelog/目录含 3.x 与 4.x 版本的 changelog HTML用户脚本中的showUpdatePopup选项即控制更新后是否展示该内容。六、杂项进阶把 YouTube 网站安装成“应用”若希望获得接近原生 App 的体验独立窗口、任务栏入口官方文档给出了桌面与移动端的完整流程。该功能并非本扩展自身提供而是利用浏览器内置的站点安装能力与本扩展叠加使用。6.1 桌面端Chromium 系浏览器Chrome/Edge/Brave/Opera打开 YouTube点击浏览器菜单按钮☰/⋯/⋮点击Install YouTube / 安装 YouTube完成开始菜单/应用列表出现 YouTube 应用入口。Firefox 系浏览器旧版本可用官方标注新版已失效地址栏输入about:config并回车在警告页点击Accept the Risk and Continue在搜索框输入browser.ssb.enable点击切换按钮⇋将状态设为true重启浏览器并打开 YouTube点击右上角⋮菜单选择Install this website as an app不同版本文案略有差异完成应用出现在开始菜单。风险提示about:config属于高级配置修改前请确认理解其含义官方文档同时说明该特性在较新 Firefox 版本中已不可用。6.2 移动端Firefox 系浏览器Firefox Nightly先安装本扩展打开 YouTube点击屏幕右下角⋮开启Desktop Site / 桌面版网站刷新页面并等待完全加载再次点击⋮点击出现的Install / 安装选项在 “Add to Home screen?” 弹窗中点击Add完成YouTube 以“应用”形式出现在主屏幕。Chromium 系浏览器Kiwi 等支持扩展的浏览器打开 YouTube点击屏幕右下角⋮开启Desktop Site / 桌面版网站刷新页面并等待完全加载再次点击⋮点击Install / 安装在 “Install App” 弹窗中点击Yes在 “Add to Home screen?” 弹窗中点击Add完成YouTube 以应用形式出现在主屏幕。为什么要在移动端开启“桌面版网站”结合 manifest-chrome.json 的content_scripts.matches可知扩展的移动端页面注入覆盖了m.youtube.com但站点安装功能对桌面版渲染的支持更稳定因此官方流程统一建议先切换到桌面站点。七、开发者视角如何自行构建与加载如果你希望基于本仓库源码自行构建扩展例如验证最新改动、打补丁或研究实现官方仓库提供的构建链路如下详见 package.json 与 webpack.config.js命令作用npm install安装依赖npm run dev开发模式webpack 监听文件变更并持续构建npm run build生产模式构建输出到 Extensions/combined/dist含 chrome/ firefox/ safari 三个子目录npm test运行 Jest 测试套件构建完成后将Extensions/combined/dist/chrome或dist/firefox目录按第三节的“加载已解压的扩展程序 / Install Add-on From File”方式载入即可。测试用例主要位于 Extensions/combined/src 下各模块的*.spec.js文件可作为理解扩展行为的入口。注意本仓库为只读镜像上述构建与加载均为本地开发行为不会修改仓库内容侧载模式加载未签名扩展时浏览器会提示风险请仅在可信环境下操作。八、常见问题速查安装后 YouTube 页面上没有出现 dislike 数字先重启浏览器若仍无效检查是否开启了 YouTube Music 页面扩展显式排除了music.youtube.com以及是否使用了不受支持的内核浏览器。侧载的扩展无法自动更新这是正常现象商店渠道才提供自动更新侧载需手动重新安装新版文件。移动端 Chrome 装不了Chromium 系浏览器在 Android 上普遍不支持扩展请改用 Kiwi Browser 或 Firefox Nightly。iOS 上怎么用官方无正式支持越狱方案风险自负普通用户可等待平台开放。不想装扩展只要功能使用 Userscript 版本并通过脚本管理器安装 Extensions/UserScript/Return Youtube Dislike.user.js还可编辑文件顶部的extConfig选项实现个性化。结语从 Chrome Web Store 的一键安装到chrome://extensions的拖拽侧载再到 Firefox 的about:addons与移动端 Kiwi/Firefox Nightly 的变通方案本扩展的安装矩阵覆盖了绝大多数用户环境Userscript 则兜底了所有“装不了扩展”的极端场景。配合 Docs/Guide__Installing.md 官方文档、仓库内的三份 Manifest 与构建脚本你可以在任何目标浏览器上以最短路径让 YouTube 的 dislike 计数回归——无论你是普通用户还是需要本地构建验证的开发者。赞分享开发工具【免费下载链接】return-youtube-dislikeChrome extension to return youtube dislikes项目地址https://gitcode.com/gh_mirrors/re/return-youtube-dislike点击查看免费下载相关推荐FastAPI 如何在 JSON 请求中用 val_json_bytes 验证 Base64 编码的 bytes 字段FastAPI 如何在 JSON 请求中用 val_json_bytes 验证 Base64 编码的 bytes 字段 如果你的 FastAPI 接口需要收发开发工具ChanlunX缠论分析工具5分钟掌握专业级股票技术分析ChanlunX缠论分析工具5分钟掌握专业级股票技术分析 还在为复杂的缠论分析感到困惑吗面对K线图上密密麻麻的走势你是否还在手动绘制笔、段和中枢既耗时又金融科技PostHog Node.js 服务测试体系深度解析专属测试数据库、环境隔离与防误删守卫PostHog Node.js 服务测试体系深度解析专属测试数据库、环境隔离与防误删守卫 导读 PostHog 的 Node.js 服务层承载了事件摄入in前端创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表