SignalR blocks chrome UI?



我在使用SignalR时遇到了问题,到目前为止还不明白为什么。我已经为长订单处理操作编写了一个集线器,并注意到它在 FireFox 中更新进度正常,但 Chrome 有问题。因此,我编写了简单的测试中心来检查发生了什么:

public class SimpleHub: Hub
{
    public void LongProcess()
    {
        System.Threading.Thread.Sleep(2000);            
        Clients.Caller.AddProgress("Step 1 of 5 has completed.");
        System.Threading.Thread.Sleep(2000);
        Clients.Caller.AddProgress("Step 2 of 5 has completed.");
        System.Threading.Thread.Sleep(3000);
        Clients.Caller.AddProgress("Step 3  of 5 has completed.");
        System.Threading.Thread.Sleep(1000);
        Clients.Caller.AddProgress("Step 4 of 5 has completed.");
        System.Threading.Thread.Sleep(4000);
        Clients.Caller.AddProgress("Step 5 of 5 has completed.", true);
    }
}

的作用是,它每隔几秒钟就会增加一次进度。它在两个浏览器中的干净项目中按预期工作 - 每隔几秒钟就会在浏览器中出现新的进度消息。
但是当我在实际项目中尝试时,使用 Firefox 它可以正常工作,但在 Chrome 中它看起来完全阻止了 UI(甚至没有重新绘制 Chrome 控制台),并且只有在 LongProcess 完成时,它才会添加所有进度消息。
所以问题是,这可能是什么原因 - 可能是一些jQuery设置?有什么想法要检查吗?顺便说一句,我已经尝试了longPollingserverSendEvents(这是由 Chrome 中的 signalR 自动选择的),两者的结果相同。

更新:添加了客户端代码:

var hub = $.connection.SimpleHub;
hub.client.AddProgress = function (progress) {
   $("#placeOrderProgress").append('<li><span>' + progress + '</span><i></i></li>');
};              
$.connection.hub
            .start()
            .done(function () {                    
                      hub.server.longProcess($('#checkoutForm').toJSON());
                 });

找到了答案。
我们在几个地方使用了jQuery远程验证这段代码(以避免竞争条件):

$.ajaxSetup({ async : false });

因此,当我删除它时,SignalR开始在Chrome上运行良好。有趣的是,在 FireFox 上它没有任何影响 - 无论是否使用此行代码,它都可以工作。

最新更新