このJavaScriptコードを移植可能にするにはどうすればよいですか？

次のコードはChromeでのみ動作します。私はそれをすべての主要なブラウザで実行する必要があります。 FirefoxとIEは一度イメージを読み込みます。 Operaはそれをまったく読み込まない。このJavaScriptコードを移植可能にするにはどうすればよいですか？

screen.jpgファイルはCache-Control: no-cache, no-storeで送信されます。 jQueryのようなライブラリは使えません。大きすぎるためです。画像は毎回再要求されるように

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title></title> 
<script type="text/javascript"> 
function refresh() 
{ 
    document.getElementById("screen").src = "screen.jpg"; 
    setTimeout("refresh()", 500); 
} 
</script> 
</head> 
<body style="margin:0" onload="refresh()"> 
<img id="screen" style="width:100%"/> 
</body> 
</html>

出典

2012-01-02 Ansis Māliņš

jQueryを縮小さが30キロバイトです。それは本当に「大きすぎますか？ – darioo

2分でサイズが大きすぎますが大きすぎて分かりません。 – rene

argh - 'setTimeout'の文字列パラメータ！ 'setTimeout（refresh、500）'にする必要があります。 – Alnitak

あなたは、ソースの最後に乱数を追加することができます

document.getElementById("screen").src = "screen.jpg?" + Math.random()*999999;

出典

2012-01-02 13:55:05

'Cache-Control'ヘッダはそれを不要にすると考えられています。 –

はい、同じsrcを常に設定すると、ブラウザはファイルを再度要求しません。それは変わらないままです –

このJavaScriptコードを移植可能にするにはどうすればよいですか？

答えて

関連する問題