In the web development world, most of the design isn't in the page HTML anymore, it's been moved to the included CSS and Javascript files. अब, यह वेब विकास दुनिया में, डिजाइन के सबसे पेज में नहीं शामिल सीएसएस और जावास्क्रिप्ट फ़ाइलों को HTML ले जाया गया. The problem is that when you want to take a peek into the code there's not a really simple way to view those CSS/JS files. समस्या यह है कि जब आप कोड में एक तिरछी नज़र ले वहाँ एक बहुत ही आसान तरीका उन / सीएसएस जे एस फ़ाइलों को देखने नहीं है चाहता हूँ.

There's an extension called JSView that will let you easily view the source of included files a couple of different ways. वहाँ एक JSView कहा जाता है कि तुम आसानी से शामिल किए जाने फ़ाइलों के स्रोत देखें होगा विस्तार है अलग अलग तरीके के एक जोड़े.

Default Installation Usage डिफ़ॉल्ट स्थापना उपयोग

Once you've installed the extension, you'll see a new option called “View Page Source – JSView”. एक बार जब आप विस्तार स्थापित किया है, आप एक नया "देखें पृष्ठ स्रोत - JSView" नाम का विकल्प देखेंगे. It will take you to the same screen as the regular View Page Source dialog will… यह आप नियमित रूप से देखें पृष्ठ स्रोत संवाद के रूप में एक ही स्क्रीन पर ले जाएगा ...

Now when you are in the View Source screen, the View menu will contain extra menu items that let you quickly access the included files. अब जब आप स्रोत देखें स्क्रीन में हैं, देखें मेनू अतिरिक्त मेनू आइटम होंगे कि तुम्हें जल्दी शामिल फ़ाइलों का उपयोग.

Quick Access Context Menu त्वरित पहुँच Context Menu

Open up the JSView Options screen from the Tools menu, and uncheck the “Disable jsview popup menus” item to add the extra menus to the default right-click menu. उपकरण मेनू से JSView विकल्प स्क्रीन खोलो, और सही का निशान हटाएँ "निष्क्रिय jsview पॉपअप मेनू" को मूलभूत अधिकार पर क्लिक करें मेनू के अतिरिक्त मेनू आइटम जोड़ें.

You'll also want to choose “Disable View Page Source – JSView” to disable the redundant JSView item on the menu. आप यह भी चुन "निष्क्रिय देखें पृष्ठ स्रोत चाहता हूँ - हूँ JSView" मेनू पर बेमानी JSView आइटम को निष्क्रिय कर देते हैं. Now when you right-click in any page, you can quickly get access to the source. अब जब किसी भी पन्ने में आप दायाँ क्लिक करें, आप जल्दी से स्रोत तक पहुँच प्राप्त कर सकते हैं.

Note that if you want the most minimal experience, you could choose to disable all the options and simply access the functions from the view source window. ध्यान दें कि यदि आपको सबसे कम अनुभव चाहते हैं, तो आपको सभी विकल्पों को निष्क्रिय चुनें और बस देखने के स्रोत खिड़की से कार्य का उपयोग सकता है.

Other Options अन्य विकल्प

You can also choose whether to open in a new window… आप यह भी चुन सकते हैं कि एक नई विंडो में खोलने के लिए ...

Or whether to use an external editor… या एक बाहरी संपादक का उपयोग करने ...

This is a really useful extension that has now become part of my यह एक बहुत उपयोगी विस्तार है कि अब का हिस्सा बन गया है मेरी web development toolkit वेब विकास Toolkit . .

Download JSView Extension from Mozilla Add-ons डाउनलोड JSView मोज़िला से विस्तार Add-ons