chrome扩展如何访问页面中的图像？

Question

我有一个chrome扩展程序，可以在某些页面上运行注入脚本。

当用户登陆时，我想从页面抓取图像，并将图像推送到远程存储器，而不再往返于页面的图像主机。

这可能吗？

我认为浏览器会暂时将图像存储在缓存中，但文档中并不清楚如何访问这些图像。

ETA：谢谢，我熟悉b64使用canvas编码图像。不幸的是，我发现这样做的每个片段都依赖于浏览器来确定img是来自缓存还是来自服务器，＆amp;这不是我的目标。

Answer 1

请尝试在清单中添加web_accessible_resources。使用给定的示例代码：

{
  ...
  "web_accessible_resources": [
    "images/*.png",
    "style/double-rainbow.css",
    "script/double-rainbow.js",
    "script/main.js",
    "templates/*"
  ],
  ...
}

此外，如给定文档中所述：

  

除非将资源列为Web可访问，否则将阻止从Web源到扩展资源的导航。请注意这些极端情况：

     

  
• 当扩展程序使用**webRequest**或**declarativeWebRequest** API将公共资源请求重定向到不可通过Web访问的资源时，此类请求也会被阻止。
  
• 即使不能通过Web访问的资源归重定向扩展名所有，上述情况仍然适用。
  

希望有所帮助！