मैं यह देखने की कोशिश कर रहा srcset
हूं कि ब्राउज़र डेवलपर टूल के माध्यम से मेरा ब्राउज़र किस छवि का उपयोग कर रहा है, लेकिन नेटवर्क टैब का उपयोग करने के अलावा यह देखने के लिए कि यह कौन सा चित्र प्राप्त करता है, मैं नहीं बता सकता।
नेटवर्क टैब का उपयोग करना आमतौर पर ठीक होगा, लेकिन कभी-कभी मैंने देखा है कि यह अलग-अलग आकारों में 2 छवि संस्करण लाएगा, ऐसा तब होगा जब एक ब्रेक प्वाइंट 600 पर और दूसरा 900 पर होगा और वर्तमान में ब्राउज़र 750px चौड़ा था।
(मैंने क्रोम और फ़ायरफ़ॉक्स दोनों पर यह कोशिश की, और ऐसा लगता है कि क्रोम कुछ मामलों में दोनों छवियों को नीचे खींच देगा, लेकिन फ़ायरफ़ॉक्स केवल एक को कभी भी खींचता है)
जिस कारण से मैं जानना चाहता हूं, क्या मुझे दिलचस्पी है अगर यह दो छवि srcset खुराक को खींचता है तो यह उन दोनों के बीच स्वचालित रूप से स्वैप करता है जैसे कि मैं ब्राउज़र विंडो को स्केल करता हूं? यह उस तत्व का निरीक्षण करके नहीं बताया जा सकता है जो इसे केवल तत्व का कच्चा html देता है img
, न कि img srcset
इसके उपयोग का वास्तविक विकल्प।