html5中的SSE功能例項

2021-06-27 17:26:05 字數 1015 閱讀 8295

最近,看到html5的乙個伺服器端推送的功能,**很簡單,就像親自測試乙個。

果然還是出現了問題,首先我是在360極速瀏覽器上測試的,

但是,當我在自己搭建的apache伺服器上測試的時候,就無法實現推送功能,360極速瀏覽器直接顯示不支援,於是,我

使用谷歌瀏覽器,發現沒有顯示不支援,但是也沒有顯示推送的訊息。**如下:

1.html

demo_sse.php

<?php

header('content-type: text/event-stream');

header('cache-control: no-cache');

$time = date('r');

echo "data: the server time is: nn";

flush();

?>

在谷歌瀏覽器上無法顯示推送訊息,但是也沒有顯示不支援,於是,我

檢視1.html**,發現程式還是進入了if迴圈,而且執行的是上面的部分

發現可以列印「支援」,但是還是無法推送。

再次,在var source這一行下面加上一句

發現,沒有顯示「支援2」,終於發現問題所在,檢查之後,發現沒有寫錯,猜測是路徑問題。

修改路徑還是不行。

突然,我想到是不是名字出問題了,於是修改.php的檔名,為demo.php.

執行後,成功。

雖然不清楚為什麼無法使用下劃線命名,但是還是能達到目的。希望後續讀者能解答

一下。

字中字效果 html5例項

用html5實現如圖字中有字效果 實現思路 用canvas輸出文字,然後分析畫素點,根據畫素點輸出文字。核心 var canvas var ctx var tex var blankstr 輸出空白 function var tex input inpt val 獲取輸入框文字 if tex tex...

HTML5中的Scoped屬性使用例項

特別的,有乙個新的屬性,它能讓我們控制多個元素的屬性,就是 scoped。style標記上新出現的這個scoped屬性可以讓css樣式只對區域性元素生效,具體說,就是存放這段style樣式的元素的子元素生效,跟平常的樣式不一樣的唯一地方就是新加了乙個scoped屬性 複製 如下 具有scoped屬性...

HTML5之拖放功能

要接受元素的放下,目標元素必須監聽至少3個事件 1 首先是dragenter事件,用來決定是否接受 拖動的元素 被放下,如果接受放下,那麼該事件就被取消,進入下乙個事件 2 然後開始dragover事件,用來確定給使用者什麼樣的反饋,即位於該元素之上時呈現什麼樣的效果,如果該事件被取消,反饋一般是乙...