Chrome: thời gian chờ / khoảng thời gian bị treo trong tab nền?

Tôi đã kiểm tra tính chính xác của setTimeoutviệc sử dụng thử nghiệm này . Bây giờ tôi nhận thấy rằng (như mong đợi) setTimeoutkhông chính xác lắm nhưng đối với hầu hết các thiết bị không chính xác đáng kể. Bây giờ nếu tôi chạy thử nghiệm trong Chrome và để nó chạy trong tab nền (vì vậy, chuyển sang tab khác và duyệt trên đó), quay lại kiểm tra và kiểm tra kết quả te (nếu thử nghiệm kết thúc) thì chúng đã thay đổi đáng kể. Có vẻ như thời gian chờ đã chạy chậm hơn rất nhiều. Đã thử nghiệm trong FF4 hoặc IE9, điều này đã không xảy ra.

Vì vậy, có vẻ như Chrome tạm ngưng hoặc ít nhất là làm chậm quá trình thực thi javascript trong tab không có trọng tâm. Không thể tìm thấy nhiều trên mạng về chủ đề này. Điều đó có nghĩa là chúng tôi không thể chạy các tác vụ nền, ví dụ như kiểm tra định kỳ trên máy chủ bằng các cuộc gọi XHR và setInterval(tôi nghi ngờ sẽ thấy hành vi tương tự setInterval, sẽ viết một bài kiểm tra nếu có thời gian với tôi).

Có ai gặp phải điều này? Sẽ có một cách giải quyết cho việc đình chỉ / chậm lại này? Bạn có thể gọi nó là một lỗi và tôi có nên nộp nó như vậy không?

Gần đây tôi đã hỏi về điều này và đó là hành vi của thiết kế. Khi một tab không hoạt động, chỉ tối đa một lần mỗi giây, chức năng được gọi. Đây là thay đổi mã .

Có lẽ điều này sẽ giúp: Làm cách nào tôi có thể khiến setInterval cũng hoạt động khi một tab không hoạt động trong Chrome?

TL; DR: sử dụng Công nhân web .

Có một giải pháp để sử dụng Web Worker, vì chúng chạy trong quy trình riêng biệt và không bị chậm lại

Tôi đã viết một tập lệnh nhỏ có thể được sử dụng mà không cần thay đổi mã của bạn - nó chỉ đơn giản ghi đè các hàm setTimeout, ClearTimeout, setInterval, clearInterval

Chỉ cần bao gồm nó trước tất cả mã của bạn

http://github.com/turuslan/HackTimer

Phát một âm thanh ~ trống buộc trình duyệt phải duy trì hiệu suất - Tôi đã phát hiện ra nó sau khi đọc nhận xét này: Làm cách nào để JavaScript chạy ở tốc độ bình thường trong Chrome ngay cả khi tab không hoạt động?

Tôi cần hiệu suất không giới hạn theo yêu cầu cho một trò chơi trình duyệt sử dụng WebSockets, vì vậy tôi biết từ kinh nghiệm sử dụng WebSockets không đảm bảo hiệu suất không giới hạn, nhưng từ các thử nghiệm, chơi một tệp âm thanh dường như đảm bảo nó

Đây là 2 vòng âm thanh trống mà tôi đã tạo cho mục đích này, bạn có thể sử dụng chúng một cách tự do, thương mại: http://adventure.land/sound/loops/empty_loop_for_js_performance.ogg http://adventure.land/sound/loops/empty_loop_for_j

(Chúng bao gồm tiếng ồn -58db, -60db không hoạt động)

Tôi chơi chúng, theo yêu cầu của người dùng, với Howler.js: https://github.com/goldfire/howler.js

function performance_trick()
{
    if(sounds.empty) return sounds.empty.play();
    sounds.empty = new Howl({
        src: ['/sounds/loops/empty_loop_for_js_performance.ogg','/sounds/loops/empty_loop_for_js_performance.wav'],
        volume:0.5,
        autoplay: true, loop: true,
    });
}

Thật đáng buồn khi không có phương thức tích hợp sẵn để bật / tắt hiệu suất javascript đầy đủ theo mặc định, tuy nhiên, các công cụ khai thác tiền điện tử có thể chiếm quyền điều khiển tất cả các luồng máy tính của bạn bằng Web Worker mà không cần bất kỳ lời nhắc nào: |

Tôi đã phát hành gói npm khoảng thời gian dành cho nhân viên, thiết lập triển khaiInterval và ClearInterval bằng cách sử dụng Web-Worker để theo kịp và chạy trên các tab không hoạt động cho Chrome, Firefox và IE.

Hầu hết các trình duyệt hiện đại (Chrome, Firefox và IE), các khoảng thời gian (bộ định thời cửa sổ) được kẹp để bắn không quá một lần mỗi giây trong các tab không hoạt động.

Bạn có thể tìm thêm thông tin về

https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

https://developer.mozilla.org/en-US/docs/Web/API/Web_WorkftimeAPI/Using_web_workers#Timeouts_and_inter đạn

Tôi đã cập nhật lõi jQuery của mình lên 1.9.1 và nó đã giải quyết sự khác biệt giữa các khoảng thời gian trong các tab không hoạt động. Tôi sẽ thử trước, sau đó xem xét các tùy chọn ghi đè mã khác.

đây là giải pháp của tôi có được mili giây hiện tại và so sánh nó với mili giây mà hàm được tạo. trong khoảng thời gian, nó sẽ cập nhật mili giây khi chạy chức năng. bạn cũng có thể lấy khoảng thời gian / thời gian chờ bằng id.

<script>

var nowMillisTimeout = [];
var timeout = [];
var nowMillisInterval = [];
var interval = [];

function getCurrentMillis(){
    var d = new Date();
    var now = d.getHours()+""+d.getMinutes()+""+d.getSeconds()+""+d.getMilliseconds();
    return now;
}

function setAccurateTimeout(callbackfunction, millis, id=0){
    nowMillisTimeout[id] = getCurrentMillis();
    timeout[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisTimeout[id] + +millis)){callbackfunction.call(); clearInterval(timeout[id]);} }, 10);
}

function setAccurateInterval(callbackfunction, millis, id=0){
    nowMillisInterval[id] = getCurrentMillis();
    interval[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisInterval[id] + +millis)){callbackfunction.call(); nowMillisInterval[id] = getCurrentMillis();} }, 10);
}

//usage
setAccurateTimeout(function(){ console.log('test timeout'); }, 1000, 1);

setAccurateInterval(function(){ console.log('test interval'); }, 1000, 1);

</script>