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. Vo svete vývoja webu, väčšina z návrhu nie je v HTML stránke už nie, to bola presunutá do zahrnuté CSS a JavaScript súbory. 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. Problém je, že ak chcete sa pozrieť do kódu, že to nie je naozaj jednoduchý spôsob, ako zobraziť tie, CSS / JS súbory.

There's an extension called JSView that will let you easily view the source of included files a couple of different ways. Existuje rozšírenie s názvom JSView, ktorá vám umožní ľahko prezerať zdroj súčasťou súboru niekoľkými rôznymi spôsobmi.

Default Installation Usage Predvolená inštalácia Použitie

Once you've installed the extension, you'll see a new option called “View Page Source – JSView”. Po inštalácii rozšírenia, uvidíte nové menu s názvom "View Page Source - JSView". It will take you to the same screen as the regular View Page Source dialog will… To sa dostanete na rovnakej obrazovke ako pravidelný dialóg Zdroj Zobraziť stránku bude ...

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. Teraz, keď ste v obrazovke Zobraziť zdrojový, bude v ponuke Zobraziť obsahujú ďalšie položky v menu, ktoré umožňujú rýchly prístup k zahrnuté súbory.

Quick Access Context Menu Rýchly prístup 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. Otvoriť JSView obrazovke Možnosti z menu Nástroje, a zrušte zaškrtnutie "Zakázať JSView popup menu" položku pridať ďalšie ponuky na predvolené pravým-click menu.

You'll also want to choose “Disable View Page Source – JSView” to disable the redundant JSView item on the menu. Budete tiež chcieť vybrať "oslabiť View Page Source - JSView" vypnúť redundantný JSView položku menu. Now when you right-click in any page, you can quickly get access to the source. Teraz po kliknutí pravým-kliknite na ľubovoľné stránky, môžete rýchlo získať prístup k zdroju.

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. Všimnite si, že ak chcete, majú minimálne skúsenosti, môžete si vypnúť všetky možnosti a jednoducho pristupovať k funkciám z okna zobraziť zdrojový kód.

Other Options Ďalšie možnosti

You can also choose whether to open in a new window… Môžete tiež zvoliť, či chcete otvoriť v novom okne ...

Or whether to use an external editor… Alebo či použiť externý editor ...

This is a really useful extension that has now become part of my To je naozaj užitočné rozšírenie, ktoré je teraz súčasťou môjho web development toolkit vývoj webových toolkit . .

Download JSView Extension from Mozilla Add-ons Stiahnuť JSView Extension z Mozilla Add-ons