Vill du ha ett enklare sätt att se en webbsides html-taggar utan att visa källkoden i ett separat fönster? Nu kan du visa webbsidan och taggarna i samma fönster med X-Ray-tillägget för Firefox.
Innan
Om du vill se källkoden bakom en webbsida måste du se den i ett separat fönster. Om du bara är intresserad av ett specifikt avsnitt måste du söka igenom hela koden för att hitta det du letar efter.
Efter
X-Ray-tillägget låter dig se dokumentets taggar (inklusive klass- och ID-namn) "sida vid sida" med webbsidan i samma flik. Du kan använda antingen snabbmenyn eller verktygsmenyn för att komma åt röntgenkommandot.
Här är samma webbsida som visas i den första skärmdumpen ovan. Det kan se lite udda ut först tills du blir van vid att se båda tillsammans.
Obs! Du kan återställa webbsidan till dess normala vy genom att antingen klicka på röntgenkommandot igen eller uppdatera sidan.
Koden för en del av sidofältet på samma webbsida ...
Följt av en av länkuppsättningarna i slutet.
Om du tittar på ett annat exempel antar du att du är intresserad av hur en del av huvudflödet är inställt.
Att kunna se hur ett visst element ställs in direkt på webbsidan är verkligen bättre än att söka igenom hela kodsidan.
Slutsats
Om du utformar webbsidor och vill ha ett enkelt sätt att se hur någon annans webbplats är kodad kan du prova den här tillägget.
Länkar
