In de wereld van webontwikkeling bevindt het grootste deel van het ontwerp zich niet meer in de HTML-pagina van de pagina, maar is het verplaatst naar de meegeleverde CSS- en Javascript-bestanden. Het probleem is dat wanneer u een kijkje in de code wilt nemen, er niet echt een eenvoudige manier is om die CSS / JS-bestanden te bekijken.
Er is een extensie genaamd JSView waarmee je eenvoudig de bron van de meegeleverde bestanden op een aantal verschillende manieren kunt bekijken.
Standaard installatiegebruik
Nadat u de extensie heeft geïnstalleerd, ziet u een nieuwe optie met de naam ‘Paginabron weergeven - JSView’. Het brengt u naar hetzelfde scherm als het normale dialoogvenster Paginabron weergeven…
Wanneer u zich nu in het scherm Bron weergeven bevindt, bevat het menu Weergeven extra menu-items waarmee u snel toegang hebt tot de meegeleverde bestanden.
Contextmenu voor snelle toegang
Open het scherm JSView-opties vanuit het menu Extra en schakel het item "jsview-pop-upmenu's uitschakelen" uit om de extra menu's toe te voegen aan het standaard rechtsklikmenu.
U wilt ook 'Weergave paginabron uitschakelen - JSView' kiezen om het overtollige JSView-item in het menu uit te schakelen. Als u nu met de rechtermuisknop op een pagina klikt, krijgt u snel toegang tot de bron.
Merk op dat als u de meest minimale ervaring wilt, u ervoor kunt kiezen om alle opties uit te schakelen en eenvoudig toegang te krijgen tot de functies vanuit het bronvenster.
Andere opties
U kunt ook kiezen of u wilt openen in een nieuw venster ...
Of dat u een externe editor wilt gebruiken ...
Dit is een heel nuttige extensie die nu onderdeel is geworden van mijn toolkit voor webontwikkeling .