2008-09-11 9 views
43

संभव डुप्लिकेट:
Debugging JavaScript in IE7क्या आईई 7 में "डेवलपर मोड" या फ़ायरफ़ॉक्स/क्रोम/सफारी जैसी प्लगइन है?

फ़ायरफ़ॉक्स वेब डेवलपर प्लगइन और समस्या निवारण HTML/CSS/जावास्क्रिप्ट मुद्दों के लिए Firebug है। Google क्रोम और सफारी के पास "निरीक्षण तत्व" के लिए एक बहुत ही समान कंसोल और राइट-क्लिक विकल्प हैं।

क्या आई 7 के पास समस्या निवारण लेआउट/एचटीएमएल/सीएसएस मुद्दों के लिए कुछ भी समान है?

उत्तर

45

हाँ - इंटरनेट एक्सप्लोरर डेवलपर टूलबार

Download details: Internet Explorer Developer Toolbar

+3

टीटी फायरबग की तुलना में खराब काम करता है, डीबगबार बेहतर है। – jcollum

+4

विशेष रूप से, आप जावास्क्रिप्ट – Casebash

+0

डीबग नहीं कर सकते हैं उत्तर में लिंक टूलबार को इंगित नहीं करता है जो अब आई 7 के साथ संगत है। इसके बजाए, मैंने पाया कि डीबगबार अच्छी तरह से काम करता है, जैसा कि नीचे दिए गए दूसरे उत्तर में बताया गया है। – AsGoodAsItGets

2

Web Development Helper

वेब विकास हेल्पर कि, वेब डेवलपर के लिए उपकरणों और उपयोगिताओं का एक सेट प्रदान esp इंटरनेट एक्सप्लोरर के लिए एक नि: शुल्क ब्राउज़र एक्सटेंशन है। अजाक्स और एएसपी.नेट डेवलपर्स। यह टूल डीओएम इंस्पेक्टर, एक HTTP ट्रेसिंग टूल, और स्क्रिप्ट डायग्नोस्टिक्स और तत्काल विंडो जैसी सुविधाएं प्रदान करता है। वेब डेवलपमेंट हेल्पर आईई 6 + के खिलाफ काम करता है, और मशीन पर स्थापित होने के लिए .NET Framework 2.0 या इससे अधिक की आवश्यकता होती है। एक बार इंस्टॉल हो जाने पर, टूल्स का उपयोग करके टूल को सक्रिय किया जा सकता है। वेब विकास सहायक कमांड। आप कमांड का उपयोग करने के लिए इस कमांड के लिए बटन जोड़ने के लिए अपने ब्राउज़र के टूलबार को कस्टमाइज़ भी कर सकते हैं। मेनू कमांड या ब्राउज़र बटन पर क्लिक करने से टूल की कंसोल विंडो और कमांड सेट हो जाता है। पृष्ठ विशेषताएं: डोम इंस्पेक्टर सभी तत्वों, चयनित तत्वों, या आईडी या सीएसएस वर्ग, उनके गुणों और शैलियों से मेल खाने वाले तत्वों को देखने की अनुमति देता है। वर्तमान पृष्ठ के स्क्रीन शॉट को कैप्चर करना। मेटाडेटा, टैग और लिंक किए गए संसाधनों जैसे पृष्ठ की जानकारी देखना। .......

1

एक toolbar है जो आप प्राप्त कर सकते हैं लेकिन यह अभी भी फ़ायरफ़ॉक्स से मेल नहीं खाता है, खासकर जावास्क्रिप्ट डिबगिंग के लिए।

आईई 8 विकास के लिए एक बड़ा सुधार होगा।

-8

दरअसल, डेवलपर्स के लिए डेवलपर्स के लिए सबसे अच्छा ऐड-ऑन Fiddler होगा। इसमें कई विशेषताएं हैं जो अन्य ब्राउज़रों के पास हैं।

+2

फिडलर ऐसा लगता है कि इसमें HTTP मुद्दों को डीबग करने के लिए कुछ रोचक विशेषताएं हैं, लेकिन मुझे HTML/CSS लेआउट समस्याओं का निवारण करने के लिए कुछ भी नहीं दिख रहा है - जो मैं वास्तव में पूछ रहा था। –

+4

-1, फिडलर – jcollum

7

मैंने Debug Bar का भी उपयोग किया है।

+2

से संबंधित नहीं है, मैंने इसे अभी डाउनलोड किया है, और डीबग बार जेएस डीबगिंग नहीं कर रहा है। – kikito

0

आप आईई घड़ी का भी उपयोग कर सकते हैं, जो फ़ायरबग की तरह है, लेकिन आपको इसे खरीदने की ज़रूरत है। यह 30 दिन का निशान संस्करण है।

14

आप Firebug Lite का भी उपयोग कर सकते हैं, जो आईई, ओपेरा और सफारी पर काम करता है।

यह एक जावास्क्रिप्ट कार्यान्वयन है जिसे आप एक साधारण बुकमार्कलेट के साथ लोड कर सकते हैं।

के रूप में ऐसा जावास्क्रिप्ट की अनुमति नहीं है, यहाँ बुकमार्कलेट स्रोत कोड है (बस अपने ब्राउज़र स्थान पट्टी करने के लिए पेस्ट कॉपी (हमेशा सुनिश्चित करें कि यह यादृच्छिक जावास्क्रिप्ट को क्रियान्वित (किसी भी मामले में पहले लिंक की जाँच करें)) से पहले सुरक्षित है)

javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug); 

फायरबग लाइट फायरबग के all basic commands का समर्थन करता है।

+0

यह दिमाग उड़ रहा है! आईई 7 और सफारी में फायरबग एक सपना सच है! – Matt

2

दुर्भाग्यवश ऐसा लगता है कि माइक्रोसॉफ्ट ने इसे बंद कर दिया है, टूलबार के लिए पेज अब कहता है 'हमें खेद है, आपके द्वारा अनुरोधित पृष्ठ नहीं मिला।'

मुझे लगता है, क्योंकि इसके 8 वे डाउनलोड के लिए निकाल दिया है में बनाया गया है, और हमें devs जो अपने अधिक पुरातन ब्राउज़रों में हमारी परियोजनाओं काम करने के लिए मजबूर किया जाता है की मदद से परेशान होना नहीं कर सकते: '(

इसके अलावा किसी को भी करने से पहले कहते हैं कि यह, IE8 संगतता मोड! = IE7

1

निम्नलिखित IE7 के लिए विशेष रूप से है, अन्य संस्करणों शायद समान हैं।

यहाँ माइक्रोसॉफ्ट से developmment उपकरणों के लिए नई कड़ी है। (2011/04/26 के रूप में) IE Development Tools

एक बार इंस्टॉल हो जाने पर, आपको टूलबार को सक्षम करने की आवश्यकता होगी।

सक्षम करने के लिए, एडन को सक्षम करने के लिए Tools | Manage Add-Ons | Enable or Disable Add-ons पर क्लिक करें।

आईई टूलबार में आइकन जोड़ने के लिए, IE menu | Customize Command Bar | Add or Remove Commands पर राइट क्लिक करें। "< (तीर)>" आइकन जोड़ें।

उम्मीद है कि मदद करता है।

+0

यह स्वीकार्य प्रश्न के लिए एक repost नहीं है? – toxicate20

+0

@ toxicate20 हाँ, लेकिन मुझे यह बुरा नहीं लगता क्योंकि वह टूलबार/आइकन को सक्षम करने का तरीका बताता है – AlbatrossCafe

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