我正在使用HTML5的Server Sent Events将更新推送到我的在线客户端.Firefox和Chrome上的一切都运行良好,但Safari随时都有加载轮.也许是因为他将SSE视为页面中加载的内容.
我怎么能对Safari说SSE不是加载的东西而是简单的更新脚本,所以用户在页面真正加载后不会看到加载轮？
这是客户端正在查看的实时更新的html页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SSE Tester</title>
</head>
<body>
<h1>SSE Output</h1>
<div id="result"></div>
<h1>Debug Console</h1>
<div id="status"></div>
<script>
//SSE si compatible
if(typeof(EventSource)!=="undefined")
{
var i = 1;
var source=new EventSource("demo_sse.php");
//Lorsque le serveur envoie un message
source.onmessage=function(event)
{
//Validation de l'origine du serveur
if (event.origin != 'https://secure.mydomain.com')
{
document.getElementById("status").innerHTML+= "<br><b>Oups! Looks like something went wrong!\n\nPlease contact webmaster@mydomain.com with the following error :</b><p><pre> The Origin of the EventSource wasn\'t coming from our secure server!</pre>";
return;
}
document.getElementById("result").innerHTML+= "#" + i + " " + event.data + "<br />";
i++;
}
//EventListener
source.addEventListener('message', function(e)
{
console.log(e.data);
//document.getElementById("status").innerHTML+= "Message Recevied<br />";
}, false);
source.addEventListener('open', function(e)
{
// Connection was opened.
document.getElementById("status").innerHTML+= "Connection #" + i + " opened<br />";
}, false);
source.addEventListener('error', function(e)
{
if (e.readyState == EventSource.CLOSED)
{
// Connection was closed.
document.getElementById("status").innerHTML+= "Connection closed by the server<br />";
}
else
{
// Error.
document.getElementById("status").innerHTML+= "<b>Error Connection interrupted</b><br />";
}
}, false);
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";
}
</script>
</body>
</html>
还有我的demo_sse.php脚本(服务器端)的代码:
<?php
$clientLatest = "1";
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
while(true)
{
//Retreive latest version
$filename = "version.txt";
$handle = fopen($filename, "r");
$serverLatest = fread($handle, filesize($filename));
fclose($handle);
if ($clientLatest < $serverLatest)
{
//Update client
$time = date("H:i:s");
echo "data: Updating to Version: $serverLatest because client's Version: $clientLatest at: {$time}\n\n";
$clientLatest = $serverLatest;
ob_flush();
flush();
}
//sleep( rand(2, 7));
sleep(1);
}
?>