Chrome扩展问题：YouTube替换励志图片无法显示求助

• 问题原因：Chrome扩展的内容脚本处于隔离运行环境，你代码里用的相对路径./images/motivated.jpg会被浏览器当成YouTube页面的相对路径解析，根本找不到扩展包里的图片文件。

• 修复方法：

  1. 用API生成正确资源路径：通过chrome.runtime.getURL()方法获取扩展内图片的绝对访问路径，这个API会帮你处理扩展资源的定位逻辑。
  2. 配置资源访问权限：在manifest.json里把images目录加入web_accessible_resources列表，允许内容脚本访问这些资源。

修改后的代码：

const contents = $("#contents");
const contentsParent = contents.parent();
contents.remove();
// 生成扩展内图片的正确URL
const imgUrl = chrome.runtime.getURL('./images/motivated.jpg');
contentsParent.prepend(`<img src='${imgUrl}'>`);

对应的manifest.json配置示例（如果还没加的话）：

{
  // 其他已有的配置项...
  "web_accessible_resources": [
    {
      "resources": ["images/*"],
      "matches": ["*://*.youtube.com/*"]
    }
  ]
}

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