从 Greasemonkey 脚本访问 getImageData

Question

我想实现一个 Greasemonkey 脚本，它扫描页面上的每个图像并根据图像内容执行一些操作。我打算使用 Canvas 对象的getImageData 方法来获取图片内容。

当我使用 FireFox 测试我的用户脚本时，我收到“安全错误”异常，这意味着用户脚本无法访问原始页面的图像。

有什么解决方法吗？ 用户脚本在什么安全上下文中工作？

谢谢。

Answer 1

这可能是由于same origin policy。如果您尝试操作来自站点托管域以外的域的图像，您将收到安全错误。

您可以通过使用代理网络服务器通过 base64 编码字符串为您提供图像数据来解决此问题。有一个 jQuery 插件 available here 默认使用 Google 为您提供字符串，但它仅限于每天一定量的流量，因此开箱即用并不可靠。不过，您可以在自己的服务器上使用他们的代码（链接在页面底部）来绕过这个问题（我已经非常成功地做到了）。