क्रोम DevTools

Question

के साथ एक व्यक्तिगत स्क्रिप्ट टाइमआउट (या धीमी लोड) को सिम्युलेट करना मैं अपनी साइट पर एक जावास्क्रिप्ट फ़ाइल पर एक टाइमआउट अनुकरण करने के लिए Google Chrome DevTools का उपयोग करने का तरीका जानने का प्रयास कर रहा हूं।

मैं थ्रॉटलिंग पेश करने के लिए 'टॉगल डिवाइस मोड' का उपयोग कर सकता हूं लेकिन यह एक विशिष्ट स्क्रिप्ट को लक्षित नहीं करता है।

क्या देवतुल्स के साथ ऐसा करने का कोई तरीका है?

मैं क्रोम 38.

Answer 1

DevTools तकनीकी लेखक और डेवलपर अधिवक्ता यहाँ उपयोग कर रहा हूँ। जनवरी 2018 तक:

• आप DevTools में व्यक्तिगत अनुरोधों को नेटवर्क-थ्रॉटल नहीं कर सकते हैं। आप उन्हें अवरुद्ध कर सकते हैं, हालांकि, मैं आपको "टाइमआउट" का मतलब मानता हूं। Block Requests देखें।
• आप नेटवर्क-थ्रॉटल व्यक्तिगत अनुरोधों के लिए service worker का उपयोग कर सकते हैं।

इस कोड का परीक्षण नहीं किया है, लेकिन कुछ इस तरह सेवा कार्यकर्ता आधारित थ्रॉटलिंग के लिए काम कर सकते हैं:

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); 
    } 
});