HTML Canvas と JavaScript を使用して画像から色を抽出するページがあります。イメージが CDN からではなく、サーバーから直接プルされるようにしました。
また、サーバー ヘッダーを に設定しましたAccess-Control-Allow-Origin:*。これは、Google の PageSpeed サービスを有効にするまで機能していました。スクリプトをトリガーする (アイコンの 1 つをクリックする) と、恐ろしいエラーが発生するようになりました (ただし、 PageSpeed をバイパスするUnable to get image data from canvas because the canvas has been tainted by cross-origin data.場合は問題なく動作します)。
pagespeed コントロール パネルで画像のホスティングを無効にしました。最初は機能しているように見えましたが、今朝、再びエラーが表示されます。
また、キャンバスを操作する .js ファイルが PageSpeed の最適化から除外されていることも確認しました。その URL のページ速度を単純に無効にできることはわかっていますが、それはかなり手間がかかるように思えます (特に、最適化が必要なベース URL の下にページがあることを考えると、1 つの URL を除外しながら URL を除外することを確認する方法はありません)。 pagespeed のサブディレクトリ)。
エラーの原因を正確に特定するにはどうすればよいですか? 言い換えれば、Chrome はクロスオリジン データがどこから来ていると考えているのでしょうか?