2012-11-26 14 views
37

क्रोमस देव उपकरण में, आप एक तत्व का चयन कर सकते हैं और होवर स्थिति सक्षम कर सकते हैं। क्या इंटरनेट एक्सप्लोरर्स देव टूल्स में ऐसा किया जा सकता है?क्या सीएसएस का परीक्षण करने का कोई तरीका है: IE डेवलपर टूल में होवर करें?

उत्तर

44

मुझे यकीन नहीं है कि जब आप इस प्रश्न से पूछते हैं तो आप IE का किस संस्करण का उपयोग कर रहे थे। अधिक

  1. डेवलपर ओपन उपकरण
  2. होवर:

    बस हर किसी की जानकारी के लिए, मैं मंडराना शैली में दिए गए चरणों का निम्न क्रम का उपयोग करके HTML टैब के माध्यम से देखने पर आईई 9 में सक्षम हूँ तत्व जिसे आप डेवलपर विंडो को पर केंद्रित करते हुए अपने होवर सीएसएस को देखना चाहते हैं।

  3. प्रेस F5 जबकि अपने माउस तत्व
  4. Ctrl + B से अधिक अभी भी है और तत्व

अब आप मंडराना सीएसएस देख सकते हैं पर क्लिक करें।

संपादित करें (जनवरी 2015):

में IE 11, आप बड़े नीले "एक:" आइकन पर क्लिक करें कि डोम एक्सप्लोरर की शैलियाँ फलक के ऊपरी दाएँ भाग में प्रकट होता है, और फिर जाँच " होवर "चेकबॉक्स।

+4

वाह, यह वास्तव में काम करता है, लेकिन इसके लिए आपको चरणों की इस सही अनुक्रम का उपयोग करें। यदि आप डेवलपर विंडो को फ़ोकस नहीं करते हैं, तो आपके कीबोर्ड कमांड ठीक से काम नहीं करेंगे। – bryanbraun

+3

बहुत उपयोगी। बहुत खराब आईई ब्राउजर देव टूलकिट्स का कम से कम उपयोगी बना रहा है (यह अभी भी आईई 10 का जवाब है)। ओपी को यह जवाब स्वीकार कर लेना चाहिए था। धन्यवाद। – cautionbug

+0

क्या कोई इसे आईई 11 में काम करने के लिए प्राप्त कर सकता है? – bmm6o

2

मुझे सीएसएस नहीं मिला: आईई डेवलपर टूल्स में होवर स्टेटस या तो। तो मैं सिर्फ एक बुकमार्लेट से फायरबग लाइट का उपयोग कर समाप्त हो गया।

1

लाओ लेई का सुझाव काम करता है। जब आप डेवलपर टूल खोलते हैं, तो सुनिश्चित करें कि यह फ़ोकस पर है इसलिए यह शॉर्टकट कमांड प्राप्त कर सकता है - जब आप पृष्ठ के स्क्रॉलबार पर क्लिक करते हैं या पृष्ठ पर यह ब्राउज़र विंडो पर केंद्रित होता है और सभी शॉर्टकट कमांड को भेजता है पृष्ठ।

  1. तत्व की जरूरत
  2. ओपन डेवलपर उपकरण
  3. फोकस डेवलपर उपकरण 'विंडो
  4. तत्व मंडराना आप चाहते हैं
  5. प्रेस F5 ले जाए बिना लगता है: से बचने के लिए गलतियों निम्न कार्य करें माउस
  6. Ctrl + B और तत्व
पर क्लिक करें

बेस्ट विनर्ड्स।

17

आईई 11 में, आप बड़े नीले "ए:" आइकन पर क्लिक करते हैं जो डोम एक्सप्लोरर के स्टाइल फलक के ऊपरी दाएं भाग में दिखाई देता है, और फिर "होवर" चेकबॉक्स को चेक करें। Screenshot of Internet Explorer 11 F12 Developer Tools with a: highlighted

यदि आप "ए:" नहीं देख पा रहे हैं, तो पहले डीओएम एक्सप्लोरर के बाएं फलक में कोई तत्व या HTML टैग चुनें।

+0

* यह * IE11 के लिए सही उत्तर है। –

+1

मुझे यह आइकन नहीं लगता है ... – Izkata

+0

मैंने एक स्क्रीनशॉट जोड़ा है, उम्मीद है कि @Izkata –

0

जो लोग इसे Google पर पाते हैं, उनके लिए मैंने एक क्रॉस ब्राउज़र टूल बनाया है जो आपको माउस को ले जाकर अपने एचटीएमएल/सीएसएस लेआउट को देखने की अनुमति देता है। आप आसानी से अपने होवर राज्य में तत्वों को देख सकते हैं।

HTML Box Visualizer - GitHub

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