Costruire un link per visualizzare il codice di una pagina web

Postato da ROb | nella categoria Sviluppo web | lunedì, 11 ottobre 2010

0

Alcuni browser supportano un protocollo speciale chiamato view-source:.

Torre di Pisa tag i

Tale protocollo permette al browser di visualizzare il codice della pagina indirizzata dall’url anziché farne il rendering e visualizzarla.

Sfruttando tale protocollo possiamo costruire un link che permette, a chi è interessato, di visualizzare il codice della nostra pagina senza passare per la relativa funzione browser-specific (tipicamente attivabile con la sequenza di tasti CTRL+u)

 

Ecco una semplice pagina html che mostra tale possibilità:

<html>
<body>
   <h1> Roberto Rossi from Macerata! Hello! </h1>
   <a class="button" onClick='window.location="view-source:" + window.location.href' href="javascript:;;">Visualizza Codice</a>
</body>
</html>

Cliccando sul link “Visualizza Codice” il browser aprirà una pagina che visualizzerà tale codice.

Leggi

L’insetto di fuoco (Firebug) invade anche Chrome!

Postato da ROb | nella categoria Sviluppo web | lunedì, 8 febbraio 2010

0

Parlare di Firebug è ormai inutile, lo conoscono tutti.

Nuovo logo Firebug

E’ invece di qualche giorno fa (esattamente il 4 febbraio) la notizia della versione 1.3 Lite di Firebug per Chrome.
La versione Lite consente agilmente di fare debugging del codice css e html della pagina web (ma non di quello Javascript) ma senza poter intervenire direttamente e modificarla al volo.

Qui sotto potete vedere lo screenshot dell’estensione appena installata e funzionante sul mio Chrome per Linux.

Firebug in azione su Chrome per Linux

Leggi