如何在 Chrome 中调试画布跨网域问题

Question

当我尝试使用 EaselJS（使用 getImageData()）执行命中测试时，我在 chrome 中收到跨域请求错误。

Unable to get image data from canvas because the canvas has been 
tainted by cross-origin data.

奇怪的是，我正在运行一个本地服务器，所有图像都从这个localhost：3000提供，并且渲染得很好。

如何使用 Chrome 的开发工具找出问题所在？我的所有图像、html 和 JS 都分组在"资源"选项卡的":3000/"下。接下来你要检查什么？

Answer 1

您的代码中可能还有其他东西设置它。 倾倒所有内容以获取其他示例。

或者，安装 Firefox 并设置严格的错误/警告。我使用 Chrome 作为我的主要浏览器，但有时 FF 有更详细的错误/警告，可以使调试复杂问题更容易。

另外，为了记录，如果您使用标志启动Chrome --allow-file-access-from-files它不会引发任何这些异常。