Project Fugu API शोकेस, ऐसे ऐप्लिकेशन का संग्रह है जो Project Fugu के संदर्भ में बनाए गए एपीआई का इस्तेमाल करते हैं. प्रोजेक्ट Fugu के बारे में ज़्यादा जानने के लिए, क्षमताएँ लैंडिंग पेज पर जाएँ.

इसके हिसाब से फ़िल्टर करें

इस्तेमाल किए गए एपीआई

Chrome DevTools की मदद से, नेटवर्क का बेहतर तरीके से विश्लेषण करना.

DevTools की मदद से, परफ़ॉर्मेंस ट्रेस रिकॉर्ड करना और उसका विश्लेषण करना.

परफ़ॉर्मेंस पैनल में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को लाइव मॉनिटर करें.

DevTools की मदद से, कैश मेमोरी में सेव किए गए डेटा की जांच करना और उससे जुड़ी समस्या हल करना.

डीओएम में एलिमेंट को फ़्रीज़ करें, ताकि आप उन्हें DevTools की मदद से जांच सकें.

DevTools की मदद से स्क्रीनशॉट लेने के चार खास तरीके जानें.

DevTools की मदद से, नेटवर्क जवाबों को बदलने और मॉक करने का तरीका जानें.

जानें कि DevTools आपके वेब ऐप्लिकेशन डेवलपमेंट को कैसे बेहतर बना सकता है.

अनुमान के हिसाब से यूआरएल लोड होने की सुविधा की मदद से, वेब ब्राउज़िंग को तेज़ बनाएं और उन्हें डीबग करने का तरीका जानें.

कुछ ही क्लिक में रंगों को लिखने का तरीका जानें.

फ़ेच करने की प्राथमिकता को डीबग करने का तरीका जानें.

bfcache को डीबग करने और अपने पेज को तुरंत लोड करने के बारे में जानें.

DevTools की मदद से, DOM को डीबग करने का तरीका जानें.

Chrome एक्सटेंशन को डीबग करने के लिए, DevTools इस्तेमाल करने का तरीका जानें.

अक्सर इस्तेमाल किए जाने वाले कोड और लाइव एक्सप्रेशन को रीयल टाइम में देखने के लिए, स्निपेट का इस्तेमाल करें.

आसानी से डीबग करने के लिए, ब्रेकपॉइंट और लॉगपॉइंट का इस्तेमाल करें.

DevTools में रिकॉर्डर पैनल की मदद से, यूज़र फ़्लो को रिकॉर्ड करने, फिर से चलाने, और डीबग करने का तरीका जानें.

मुख्य-वैल्यू पेयर को डीबग करने के लिए, ऐप्लिकेशन > लोकल स्टोरेज और सेशन स्टोरेज का इस्तेमाल करें.

DevTools में किए गए बदलावों को लोकल सोर्स फ़ाइलों में सेव करने के लिए, फ़ाइल फ़ोल्डर का इस्तेमाल करें.

अपने मूल कोड को लागू करने के बजाय, उसे डीबग करने के लिए DevTools में सोर्स मैप का इस्तेमाल करें.

जानें कि सोर्स मैप, डिप्लॉय करने के बजाय आपके ओरिजनल कोड को डीबग करने में कैसे मदद करते हैं.

DevTools की मदद से सीएसएस से जुड़ी समस्याओं का पता लगाने के लिए, स्टाइल और कंप्यूट किए गए पैनल का इस्तेमाल करें.

DevTools की मदद से, प्रोग्रेसिव वेब ऐप्लिकेशन को डीबग करें.

Project Fugu API को डीबग करने के लिए DevTools का इस्तेमाल करें.

DevTools में डिवाइस मोड की मदद से, मोबाइल डिवाइसों को सिम्युलेट करें.

सीएसएस में किए जा सकने वाले सुधारों की पहचान करने के लिए, सीएसएस की खास जानकारी देने वाले पैनल का इस्तेमाल करें.

शॉर्टकट और सेटिंग का इस्तेमाल करके, ज़्यादा तेज़ DevTools नेविगेशन की मदद से अपने वर्कफ़्लो को तेज़ करने का तरीका जानें.

Chrome DevTools खोलने के सभी तरीके जानें.

कम कंट्रास्ट वाले टेक्स्ट का पता लगाने और उसे ठीक करने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.

यूज़र फ़्लो रिकॉर्डिंग में बदलाव करने, उन्हें डीबग करने, और एक्सपोर्ट करने के लिए, रिकॉर्डर पैनल और इसके एक्सटेंशन का इस्तेमाल करें.

सीएसएस फ़्लेक्सबॉक्स लेआउट की जांच करने, उनमें बदलाव करने, और उन्हें डीबग करने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.

हाल ही के एलिमेंट, क्वेरी ऑब्जेक्ट, मॉनिटर, और फ़ंक्शन कॉल वगैरह के लिए, Console Utilities API में दिए गए शॉर्टकट का इस्तेमाल करें.

सीएसएस ग्रिड लेआउट को देखने और बदलने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.

सीएसएस ऐनिमेशन, ट्रांज़िशन वगैरह की जांच करने और उनमें बदलाव करने के लिए, ऐनिमेशन टैब का इस्तेमाल करें.

परफ़ॉर्मेंस की अहम जानकारी देने वाले नए पैनल की मदद से, अपनी वेबसाइट की परफ़ॉर्मेंस के बारे में अहम जानकारी पाएं

वैरिएबल, ऑब्जेक्ट, और मैसेज को लॉग करने, मैसेज को फ़िल्टर करने और उनका ग्रुप बनाने वगैरह के लिए कंसोल का इस्तेमाल करें.

उपयोगकर्ताओं की पसंद को एम्युलेट करने के लिए, रेंडरिंग टैब का इस्तेमाल करें. साथ ही, अपनी वेबसाइट के लिए उपयोगकर्ता की ज़रूरत के हिसाब से व्यवहार की जांच करें.

DevTools की मदद से, सीएसएस कंटेनर की क्वेरी की जांच करें और उन्हें डीबग करें.