资源必须在可通过网络访问的资源清单键中列出，以便被扩展程序外的页面加载。

以下是一个示例解决方案，演示了如何在扩展程序中列出可通过网络访问的资源清单键。

manifest.json 文件：

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0",
  "permissions": [
    "http://*/*",   // 允许在所有HTTP网页上执行操作
    "https://*/*"   // 允许在所有HTTPS网页上执行操作
  ],
  "web_accessible_resources": [
    "images/*",    // 可通过网络访问的资源目录
    "styles/main.css",    // 可通过网络访问的单个文件
    "scripts/main.js"     // 可通过网络访问的单个文件
  ],
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "content_script.js"
      ]
    }
  ]
}

上述示例中，"web_accessible_resources" 键包含了可通过网络访问的资源清单。可以列出文件夹（例如 "images/*"）或单个文件（例如 "styles/main.css"）。

content_script.js 文件：

// 在内容脚本中加载可通过网络访问的资源
var css = document.createElement("link");
css.rel = "stylesheet";
css.type = "text/css";
css.href = chrome.extension.getURL("styles/main.css");
document.head.appendChild(css);

var script = document.createElement("script");
script.src = chrome.extension.getURL("scripts/main.js");
document.head.appendChild(script);

// 在内容脚本中使用可通过网络访问的资源
var image = document.createElement("img");
image.src = chrome.extension.getURL("images/example.png");
document.body.appendChild(image);

上述示例中，我们通过使用 chrome.extension.getURL() 方法来获取可通过网络访问的资源的URL。这样，我们就可以在内容脚本中加载和使用这些资源了。

请注意，以上示例中的代码仅用于说明目的，并不能直接运行。您需要根据自己的实际情况进行适当的修改和调整。