क्या फ़ायरफ़ॉक्स में HTML स्रोत को ऑटो-फॉर्मेट में देखना संभव है

Question

मैं PHP में एक वेब साइट लिख रहा हूँ, और यह जो HTML प्रस्तुत करता है वह अच्छी तरह से स्वरूपित नहीं है और फ़ायरफ़ॉक्स में पढ़ने के लिए कठिन है (ज्यादातर यह एक पंक्ति में है)।

मैं अपने PHP कोड को सफेद स्थान स्वरूपण सामग्री के भार को जोड़कर गड़बड़ नहीं करना चाहता, इसलिए मैं सोच रहा था कि क्या कोई विकल्प है या शायद फ़ायरफ़ॉक्स में एक ऐड-ऑन है जो मुझे स्रोत के अनुसार इंडेंटेड देखने की क्षमता देगा HTML की संरचना।

Comments

ध्यान दें कि फ़ायरफ़ॉक्स के हाल के संस्करणों (मुझे लगता है कि यह 4 के बाद से, 10+ के लिए पुष्टि की गई थी) Viewस्रोत विंडो के मेनू के तहत वाक्य रचना हाइलाइटिंग और वर्ड रैपिंग करने की क्षमता के साथ आता है । View Page Sourceइस विंडो को खोलने के लिए बस राइट क्लिक करें> ।

— बॉब

Answer 1

स्रोत चार्ट 2.7 देखें

ठीक काम करता है, यहां से एक्सटेंशन इंस्टॉल करें: https://addons.mozilla.org/en-US/firefox/addon/655/

राइट क्लिक -> स्रोत चार्ट देखें

Google होम पेज HTML स्रोत के लिए मुझे यही मिलता है:

इससे पहले:

उपरांत:

Answer 2

से यहाँ

स्रोत चार्ट देखें ग्राफ़िकल रूप से स्रोत संरचना प्रदर्शित करता है।

JSView 2.0.5 पृष्ठ बाहरी फ़ाइलों की जानकारी प्रदर्शित करता है।

HighlightAll कोड में समान तत्वों को हाइलाइट करता है।

Html Validator वर्तमान पृष्ठ का HTML मान्य करता है।

फ़ॉर्मेट किया गया स्रोत देखें स्रोत संरचना दिखाता है।

SourceEditor कोड को संपादित करने और परिणामों को देखने की अनुमति देता है।

Answer 3

मैं सामान्यतया html आउटपुट डीबग करने के लिए Firebug का उपयोग करता हूं ।

यह मुझे HTML को जब्त करने की अनुमति देता है क्योंकि यह ब्राउज़र द्वारा प्रदान किया जाता है, साथ में फायरबग में अच्छी तरह से स्वरूपित स्रोत के साथ। मैं प्रदर्शित html में तत्वों का निरीक्षण भी कर सकता हूं और देख सकता हूं कि वे मूल HTML स्रोत में कहां से आए हैं।

Answer 4

यदि कोई भी 2019 में समान कार्यक्षमता की तलाश में है, तो फ़ायरफ़ॉक्स क्वांटम के लिए फायर सोर्स व्यूअर [1] है जो कि जावास्क्रिप्ट को सुशोभित करने के बाद सुशोभित एचटीएमएल डोम को प्रदर्शित करता है, जो कि वेबसर्वर द्वारा वितरित केवल HTML स्रोत होने से भी बेहतर है।

[१] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/

Answer 5

वेब डेवलपर प्लगइन:

वेब डेवलपर एक्सटेंशन ब्राउज़र में विभिन्न वेब डेवलपर टूल जोड़ता है। एक्सटेंशन क्रोम और फ़ायरफ़ॉक्स के लिए उपलब्ध है, और किसी भी प्लेटफ़ॉर्म पर चलेगा जो ये ब्राउज़र विंडोज, ओएस एक्स और लिनक्स सहित समर्थन करते हैं

Comments

मैंने इसे स्थापित कर दिया है, लेकिन इसकी विधिवत आवश्यकता है जो मुझे लगता है कि मुझे लगता है कि मैं "स्वरूपित" से मेरे

— कहने के

कम से कम एक संक्षिप्त विवरण प्लगइन की मुख्य विशेषता के रूप में दें जो प्रश्न से संबंधित है। अन्यथा, यह सिर्फ एक जवाब है।

— यादृच्छिक

वेब डेवलपर प्लगइन एक बहुत लोकप्रिय प्लगइन है, जो अन्य चीजों के अलावा, किसी भी पेज के लिए स्रोत को देखने की अनुमति देता है। स्रोत दृश्य में कुछ हाइलाइटिंग है, इसलिए "स्वरूपित" है - हालांकि अब मैं देखता हूं कि ओपी स्वरूपण के लिए कुछ अधिक विशिष्ट चाहता है।

— एंजेलो