javascript - HTML服务器发送的事件使Google Chrome崩溃

我一直致力于开发一个基于LAMP的社交网络应用程序。但访问它有时需要我到谷歌浏览器“哇快照！“出了问题”页。但是，它在所有其他浏览器上都可以正常工作。这是因为在后台同时运行两个SSE（服务器发送的事件）。
此外，我尝试删除服务器发送的事件，这似乎解决了问题，因为我当时没有看到错误。而且，网站变得更快了。但我需要它们作为我页面上的主要功能。怎样才能让它起作用？
其脚本包括：
聊天.php

<script>
if(typeof(EventSource)!=="undefined")
{
  var source2=new EventSource("onlineStudents.php");
  source2.onmessage=function(event2)
  {
     var data=JSON.parse(event2.data);
     $("#chat_head_number").html(": "+data['total']);
     for(var i=1;i<30;i++)
     {
        $("#chat_states_number"+i).html(" ");
        x=$("#state"+i).text();
        for( var j=0;j<data['statesName'].length;j++)
        {
             if(data['statesName'][j]==x)
             {
                 $("#chat_states_number"+i).html(" : "+data['statesNumber'][j]);
              }
        }
     }
   }
 }
 </script>

在线学生.php

<?php session_start();
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
require_once 'myfunctions.php';
$query="Select * from online_students where email<>'$_SESSION[user]'";
$result=  queryMysql($query);
$data["total"]=mysql_num_rows($result);
$query="Select distinct state from online_students";
$result=queryMysql($query);
while($row=  mysql_fetch_array($result))
{
    $query2="select * from online_students where state='$row[state]' and email<>'$_SESSION[user]'";
    $result2=queryMysql($query2);
    $data["statesName"][]=$row['state'];
    $data["statesNumber"][]=mysql_num_rows($result2);
}
$query="Select distinct college from online_students";
$result=  queryMysql($query);
while($row=  mysql_fetch_array($result))
{
    $query2="Select * from online_students where college='$row[college]' and email<>'$_SESSION[user]'";
    $result2=queryMysql($query2);
    $data["collegesName"][]=$row['college'];
    $data["collegesNumber"][]=mysql_num_rows($result2);
}
echo "data:".json_encode($data)."\n\n";
ob_flush();
flush();
sleep(3);
?>

页眉

<script type="text/javascript">
if(typeof(EventSource)!=="undefined")
{
  var source=new EventSource("checkMessages.php");
  source.onmessage=function(event)
  {
      $("#new_message").html("Inbox"+event.data);
  };
}
else
{
  $("#new_message").html("HTML5 not supported");
}
</script>

检查消息.php

<?php
session_start();
require_once 'myfunctions.php';
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$userid=studentidOf($_SESSION['user']);
$query="Select distinct msgby from messages where msgfor='$userid'";
$result=queryMysql($query);
$k=mysql_num_rows($result);

$query="Select postnumber from notifications where notifor=$userid and postnumber is NOT NULL";
$result=queryMysql($query);
$k+=mysql_num_rows($result);
$collegeid=collegeidOf($_SESSION['user']);
$query="Select collegeid_post from notifications where notifor=$userid and      collegeid_post=$collegeid and notiby<>$userid";
$result=queryMysql($query);
$k+=mysql_num_rows($result);
$query="Select collegeid_forum from notifications where notifor=$userid and collegeid_forum=$collegeid and notiby<>$userid";
 $result=queryMysql($query);
$k+=mysql_num_rows($result);
$query="Select threadid from notifications where notifor=$userid and threadid is NOT NULL";
$result=queryMysql($query);
$k+=mysql_num_rows($result);
if($k>0)
  echo "data:($k)\n\n";
ob_flush();
flush();
?>

最佳答案

我试图从onlineStudents.php中删除sleep(3)。解决了问题。

关于javascript - HTML服务器发送的事件使Google Chrome崩溃，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19397278/