Simulieren eines individuellen Skript-Timeouts (oder langsames Laden) mit Chrome DevTools

Question

Ich versuche herauszufinden, wie Google Chrome DevTools verwendet wird, um eine Zeitüberschreitung für eine JavaScript-Datei auf meiner Website zu simulieren.

Ich kann den "Toggle Device Mode" verwenden, um eine Drosselung einzuführen, aber das zielt nicht auf ein bestimmtes Skript ab.

Gibt es eine Möglichkeit, dies mit DevTools zu tun?

Ich bin mit Chrome 38

Answer 1

DevTools technischer Autor und Entwickler Anwalt hier. Stand Januar 2018:

• Sie können in DevTools keine Netzwerk-Drosselung einzelner Anfragen durchführen. Sie können sie jedoch blockieren, was ich unter "Timeout" vermute. Siehe Block Requests.
• Sie könnten eine service worker verwenden, um einzelne Anfragen zu vernetzen.

diesen Code nicht getestet haben, aber so etwas wie dies könnte für die Service-Arbeiter basierten Drosselung arbeiten:

self.addEventListener('fetch', event => { 
    const TARGET = 'example.com'; 
    const DELAY_MS = 1000; 
    if (event.request.url === TARGET) { 
    setTimeout(() => { 
     event.respondWith(caches.match(event.request)); 
    }, DELAY_MS); 
    } 
});