2009-08-26 5 views
12

मैं वर्तमान में अपने वेब विकास के लिए क्रोम/फ़ायरफ़ॉक्स का उपयोग करता हूं।क्या सभी jquery स्क्रिप्ट चलाने के बाद किसी वेब पेज के स्रोत को देखने का कोई तरीका है?

क्या कोई प्लगइन है, या मैं बस एक और तरीका हूं, जहां आप सभी jQuery प्लग-इन चलाने के बाद HTML स्रोत देख सकते हैं? मैं बस देखना चाहता हूं कि jQuery ने HTML को कैसे और कैसे संशोधित किया?

+0

+1 अच्छा सवाल, मैंने इससे पहले नहीं सोचा था। –

+0

संपादन लोगों के लिए धन्यवाद! – mattruma

उत्तर

19

Firebug डोम के राज्य दिखाएगा के रूप में यह समय में वर्तमान बिंदु में है:

alt text

+0

@ रेक्स एम, आपने इस प्रिंटरस्क्रीन को लेने के लिए किस प्रोग्राम का उपयोग किया है? – Cleiton

+3

@ क्लिटन मैंने अभी http://getfirebug.com –

+0

+1 हाहाहाह @ रेक्स एम से छवि ली है, धन्यवाद! वेब डेवलपर के लिए – Cleiton

5

आप (Firefox में, जाहिर है) उस के लिए Firebug का उपयोग करना होगा। यह वास्तव में मूल स्रोत को प्रदर्शित करने के बजाय पृष्ठ के वर्तमान डोम को ट्रैक करता है।

4

राइट क्लिक करें और 'तत्व का निरीक्षण करें' का चयन करें। क्रोम में लोड होने के बाद यह आपको HTML दिखाएगा।

फ़ायरफ़ॉक्स के लिए: फ़ायरबग इंस्टॉल करें, फिर आप 'निरीक्षण तत्व' विकल्प देखेंगे।

2

फ़ायरफ़ॉक्स के लिए फ़ायरबग डीओएम में परिवर्तन उठाएगा।

13

Firefox में:

क्रिस Pederick द्वारा वेब डेवलपर उपकरण का उपयोग करें। स्रोत देखें -> जेनरेटेड स्रोत देखें। इसी टूल का उपयोग करके, उन तत्वों को हाइलाइट करें जिन्हें आप जेनरेट किए गए स्रोत को देखना चाहते हैं और फिर दृश्य चयन स्रोत देखने के लिए राइट क्लिक करें।

या, आप पेज पर तत्वों का निरीक्षण करने के लिए फायरबग टूल का उपयोग कर सकते हैं।

+0

+1। मुझे फायरबग की तुलना में स्रोत को पढ़ने में यह आसान लगता है। – tvanfosson

18

किसी भी प्लगइन स्थापित करने के बिना यह करने के लिए एक बहुत ही आसान तरीका है: पृष्ठ पर सभी सामग्री का चयन करने के

Ctrl-A, और राइट क्लिक करें "दृश्य स्रोत"

(केवल पाठ्यक्रम के फ़ायरफ़ॉक्स में काम करता है)

+1

+1 यह काम करता है! – mattruma

+4

हू, मैं काम करने की उम्मीद नहीं करता था। बहुत बढ़िया जवाब! – ceejayoz

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

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