Visualizza facilmente l'origine dei file inclusi in Firefox

Nel mondo dello sviluppo web, la maggior parte del design non si trova più nella pagina HTML, è stata spostata nei file CSS e Javascript inclusi. Il problema è che quando si vuole dare un'occhiata al codice non c'è un modo molto semplice per visualizzare quei file CSS / JS.

C'è un'estensione chiamata JSView che ti consente di visualizzare facilmente l'origine dei file inclusi in un paio di modi diversi.

Utilizzo di installazione predefinito

Una volta installata l'estensione, vedrai una nuova opzione chiamata "Visualizza origine pagina - JSView". Ti porterà alla stessa schermata della normale finestra di dialogo Visualizza pagina di origine ...

Ora quando ci si trova nella schermata Visualizza sorgente, il menu Visualizza conterrà voci di menu aggiuntive che consentono di accedere rapidamente ai file inclusi.

Menu contestuale di accesso rapido

Apri la schermata Opzioni JSView dal menu Strumenti e deseleziona la voce "Disattiva menu popup di jsview" per aggiungere i menu aggiuntivi al menu di scelta rapida predefinito.

Dovrai anche scegliere "Disabilita visualizzazione origine pagina - JSView" per disabilitare la voce JSView ridondante nel menu. Ora quando fai clic con il tasto destro in una pagina qualsiasi, puoi accedere rapidamente alla fonte.

Si noti che se si desidera un'esperienza minima, è possibile scegliere di disabilitare tutte le opzioni e accedere semplicemente alle funzioni dalla finestra di visualizzazione della sorgente.

Altre opzioni

Puoi anche scegliere se aprire in una nuova finestra ...

O se usare un editor esterno ...

Questa è un'estensione davvero utile che ora è diventata parte del mio toolkit di sviluppo web.

Scarica JSView Extension da Mozilla Add-ons