Visa HTML-taggar och webbsida kombinerade i Firefox

Vill du ha ett enklare sätt att se en webbsida html-taggar utan att visa källkoden i ett separat fönster? Nu kan du se webbsidan och taggarna i samma fönster med hjälp av X-Ray-förlängningen för Firefox.

Innan

Vanligtvis 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 en viss sektion måste du söka igenom hela uppsättningen kod bara för att hitta det du söker.

Efter

Röntgenförlängningen 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 på den första skärmdumpen ovan. Det kan se lite udda först tills du vänjer dig att se båda tillsammans.

Obs! Du kan returnera webbsidan till sin normala vy genom att antingen klicka på X-Ray-kommandot igen eller uppdatera sidan.

Koden för en del av sidofältet på samma webbsida ...

Efterföljd av en uppsättning länkar i slutet.

Titta på ett annat exempel antar att du är intresserad av hur en del av huvudmatningen är inställd.

Att kunna se hur ett visst element är upprättat direkt på webbsidan är säkert bättre än att söka igenom hela koden.

Slutsats

Om du utformar webbsidor och vill ha ett enkelt sätt att se hur någon annans webbplats kodas så kanske du vill ge den här förlängningen ett försök.

länkar

Hämta röntgenförlängningen (Mozilla-tillägg)