如何用自定义Chrome扩展实现YouTube Shorts链接点击自动重定向

1. 配置manifest.json #

创建manifest.json文件，这是扩展的核心配置，需要声明必要的权限和匹配规则：

{
  "manifest_version": 3,
  "name": "Shorts转普通视频",
  "version": "1.0",
  "description": "点击YouTube Shorts链接时自动跳转到普通视频页面",
  "permissions": ["webRequest", "webRequestBlocking"],
  "host_permissions": ["*://*.youtube.com/*"],
  "background": {
    "service_worker": "background.js"
  }
}

• manifest_version: 3：使用Chrome扩展最新的Manifest V3标准
• permissions：申请拦截网络请求的权限
• host_permissions：指定仅对YouTube域名生效
• background.service_worker：指定后台运行的脚本文件

2. 编写后台拦截脚本background.js #

创建background.js文件，用chrome.webRequest模块拦截并修改Shorts链接：

chrome.webRequest.onBeforeRequest.addListener(
  (details) => {
    const url = new URL(details.url);
    // 提取Shorts路径后的视频ID
    const videoId = url.pathname.replace('/shorts/', '');
    // 构造普通视频链接并返回重定向指令
    return { redirectUrl: `https://www.youtube.com/watch?v=${videoId}` };
  },
  // 匹配所有YouTube Shorts链接
  { urls: ["*://*.youtube.com/shorts/*"] },
  // 开启阻塞模式，允许修改请求
  ["blocking"]
);

• 监听所有/shorts/开头的YouTube请求
• 解析URL并提取视频ID，替换成watch?v=格式的普通视频链接
• 返回redirectUrl让Chrome自动跳转到新链接

3. 安装测试扩展 #

• 把manifest.json和background.js放在同一个文件夹
• 打开Chrome浏览器，输入chrome://extensions/进入扩展管理页面
• 开启右上角的「开发者模式」，点击「加载已解压的扩展程序」，选择刚才的文件夹
• 现在点击任意YouTube Shorts链接，会自动跳转到对应的普通视频页面

内容的提问来源于stack exchange，提问作者INGIE