2009-07-17 23 views
13

में उपकरण डिबगिंग सीएसएस फ़ायरबग लाइट के अलावा अन्य उपकरण हैं जो इंटरनेट एक्सप्लोरर की छोटी गाड़ी में थोड़ा सा दिमाग पाने में मदद कर सकते हैं और यह पता लगा सकते हैं कि यह मेरे सीएसएस को इतनी बुरी तरह क्यों परेशान कर रहा है?इंटरनेट एक्सप्लोरर

फायरबग लाइट कोर्स का एक उपयोगी टूल है, लेकिन ऐसा लगता है कि यह महत्वपूर्ण विशेषता है ('पूर्ण' फायरबग प्लगइन में मौजूद) जो आपको यह देखने की अनुमति देता है कि कौन से हिस्सों को अन्य घोषणाओं के पक्ष में अनदेखा किया जाता है।

उदाहरण के लिए, फ़ायरबग के साथ फ़ायरफ़ॉक्स का उपयोग करके मैं देख सकता हूं कि .foo {color: red} स्टाइलशीट में .bar {color: blue} द्वारा ओवरराइड किया गया है।

लेकिन, फायरबग लाइट केवल अंतिम, गणना की गई शैली को दिखाता है - मैं यह नहीं बता सकता कि कौन सी घोषणाएं अनदेखा की जा रही हैं, जिन्हें ओवरराइड किया जा रहा है, जो बिल्कुल समर्थित नहीं हैं, और जो कि साधारण सादे हैं।

क्या कोई और उपकरण है जो यहां सहायक हो सकता है?

उत्तर

20

मैं IE8 Developer Tools (जो बॉक्स से बाहर शामिल है) का उपयोग कर रहा हूं, यह स्टाइल ट्रेसिंग दिखा सकता है।

आईई 7 में माइक्रोसॉफ्ट द्वारा आपूर्ति की गई IE Dev Toolbar पर भी जोड़ा गया है। हालांकि इस बड़े पैमाने पर इस्तेमाल नहीं किया है।

आईई का कौन सा संस्करण आप उपयोग कर रहे हैं?

+0

आईई देव टूलबार IE7 के लिए एक अच्छा विचार है। यह कहीं भी फायरबग के रूप में मजबूत नहीं है, लेकिन आप जो भी प्राप्त कर सकते हैं उसका उपयोग करते हैं। – Jeff

+0

@ जेफ या बस आईई 8 में अपग्रेड करें। –

+0

बिल्कुल सही - मैं वास्तव में थोड़ा आश्चर्यचकित हूं कि मैंने इससे पहले कभी नहीं सुना होगा। – anschauung

6

हां। आईई 8 में एफ 12 मारा। पिछले संस्करणों में, this स्थापित करें।

3

IE8 के साथ शामिल डेवलपर टूल काफी अच्छी तरह से काम करता है।

1

मैं अगर यह विशिष्ट सीएसएस अधिभावी जाँच करने की क्षमता है पता नहीं है, लेकिन मैं Internet Explorer Developer toolbar

0

एक और एक Debug Bar है बाहर शुरू कर दूं। आईई 7 या 8 में काम करता है; और फ़ायरबग

3

से संबंधित है, मुझे jQuery मिला है ताकि यह पता चल सके कि "हुड के नीचे" क्या हो रहा है। उदाहरण के लिए, मेरे पास हाल ही में एक स्थिति थी जहां मुझे पता चला कि मैं डेवलपर टूल्स पर भरोसा नहीं कर सकता जो आईई 8 के साथ आता है (जिस तरह से, मैं आईई 7 में चल रहा था, मानक क्विर्क, संगतता मोड नहीं। कुछ सीएसएस गुणों में घोषित स्टाइलशीट को गणना के रूप में नहीं दिखाया जा रहा था, अन्य आईई-अजनबी के अलावा मैं अनुभव कर रहा था। इसलिए, मैंने बस jQuery पर पेज पर कुछ जावास्क्रिप्ट फेंक दिया, जो मुझे कुछ कोड टाइप करने की अनुमति देगा और इसका मूल्यांकन किए बिना मूल्यांकन किया जाएगा आईई डेवलपर उपकरण, Firebug या सफारी में वेब निरीक्षक आप जैसे बयानों का मूल्यांकन कर सकते हैं:।

$('body').css('background-image'); 

वापसी हो सकता है:

'/images/default_background.png' 

या जो भी हो।

वाईएमएमवी, लेकिन यह कोशिश करने के लिए समय के लायक है।

0

आप अपने नए उपकरण का उपयोग किसी भी तत्व के लेआउट को देखने के लिए कर सकते हैं जिस पर आप माउस कर सकते हैं।

HTML Box Visualizer - GitHub

संबंधित मुद्दे