Bekijk eenvoudig de bron van opgenomen bestanden in Firefox

In de webontwikkelwereld zit het grootste deel van het ontwerp niet meer in de pagin HTML, het is verplaatst naar de meegeleverde CSS- en Javascript-bestanden. Het probleem is dat wanneer je een kijkje wilt nemen in de code, er niet echt een eenvoudige manier is om die CSS / JS-bestanden te bekijken.

Er is een extensie met de naam JSView waarmee je eenvoudig de bron van de opgenomen bestanden op verschillende manieren kunt bekijken.

Standaard installatie gebruik

Zodra u de extensie hebt geïnstalleerd, ziet u een nieuwe optie genaamd "View Page Source - JSView". U gaat naar hetzelfde scherm als het normale dialoogvenster Paginabron bekijken ...

Als u zich nu in het scherm View Source bevindt, bevat het menu View extra menu-items waarmee u snel toegang hebt tot de opgenomen bestanden.

Contextmenu voor snelle toegang

Open het scherm JSView-opties in het menu Tools en schakel het selectievakje "jsview popup-menu's uitschakelen" uit om de extra menu's toe te voegen aan het standaard rechtsklikmenu.

U zult ook "Weergave paginabron weergeven - JSView" willen kiezen om het overbodige JSView-item in het menu uit te schakelen. Wanneer u nu met de rechtermuisknop klikt op een pagina, krijgt u snel toegang tot de bron.

Let op: als u de meest minimale ervaring wilt, kunt u ervoor kiezen om alle opties uit te schakelen en eenvoudig toegang te krijgen tot de functies in het weergavebronvenster.

Andere opties

U kunt ook kiezen of u in een nieuw venster wilt openen ...

Of een externe editor gebruiken ...

Dit is echt een nuttige extensie die nu onderdeel is geworden van mijn webontwikkelingstoolkit.

Download JSView Extension van Mozilla-add-ons