lock-icon.png と lock-unlock-icon.png という 2 つのまったく別の画像があります。あるイベントで、Javascriptで画像のソースを変更します
document.getElementById("element").src = "/images/lock-unlock-icon.png";
これは常に Firefox ですぐに機能しますが、WebGL ハードウェア アクセラレーションを必要とするページにライブ HD ビデオ ストリームを表示しているため、Chrome を使用する必要があります。
Chrome で動作することもありますが、すぐに動作することはほとんどありません。少なくとも数秒のランダムな遅延のように見えますが、せいぜい決してありません。アイコンが変更された後にアイコンの現在の「画像の場所」を調べると、URL は新しい正しい URL です (要素の src プロパティを照会しているだけなので、これは当然のことです)。
この画像を Chrome で強制的にリロードするには、他に何をすればよいですか?