2016-08-21 323 views
1

在我的反應應用中,Chrome會在設定數量的請求後停止加載資源。這導致我的應用程序無法加載任何東西,並且事情開始出現問題。它只是文件,它繼續與我的API溝通就好了。Chrome請求被卡在待處理中

enter image description here

正如你可以看到,經過約6個音軌,它只是停止加載任何東西。

enter image description here

我試圖重新啓動,復位,禁用擴展,沒有什麼工作。 而我在任何其他瀏覽器中都沒有遇到此問題。

真奇怪的是,如果我關閉並重新打開我的開發人員工具,突然它會重新加載。然後它會再次在一定數量的文件後停止。

任何人有什麼想法是怎麼回事?

回答

2

我已經通過將我的應用中的音頻對象數量限制爲5來解決了這個問題。其他瀏覽器比這個稍微高一些,但我確實想說這很愚蠢Chrome有這個限制。我將Audio對象存儲在內存中(一個數組),以便在需要時可以快速恢復音頻。

0

貌似這已經在Chrome中經歷過的(可能重複:Chrom only loading 6 html5 audo tags

據此其他用戶,鉻似乎防止預緊資產出於性能的考慮,尤其是對移動

設置<audio controls preload="none">會。負載資產請求訪問他們

編輯:你嘗試這樣的事情?:

function loadAudio(url){ 
 
    var audio = new Audio(); 
 
    audio.preload = "none"; 
 
    audio.controls = "controls"; 
 
    audio.src = url; 
 
    audio.volume = "0.3"; 
 
    return audio; 
 
    } 
 

 
var a = loadAudio("http://www.noiseaddicts.com/samples_1w72b820/17.mp3") 
 
document.body.appendChild(a);
<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    
 
    </body> 
 
</html>

+0

我沒有使用HTML5元素,我正在使用音頻對象。我可以做'Audio.preload ='none''?編輯:試過了,沒有工作。另外我在內存中存儲了幾個音頻對象。 –