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 більше, він був перенесений на включити CSS і Javascript файлів. 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. Проблема в тому, що якщо ви хочете зазирнути в код, там не дуже простий спосіб, щоб переглянути ці CSS / JS файлів.

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. Тепер, коли ви знаходитесь в екрані Перегляд HTML-коду, в меню Вид буде містити додаткові пункти меню, які дозволяють швидко отримати доступ до файлів включений.

Quick Access 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. Зауважимо, що якщо вам потрібен самий мінімальний досвід, ви можете відключити всі опції і просто отримати доступ до функцій з вікна "Перегляд HTML-коду.

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 Інструментарій веб-розробки . .

Download JSView Extension from Mozilla Add-ons Завантажити JSView Подовження від Mozilla Додатки