Bekijk HTML-tags en webpagina gecombineerd in Firefox
Wilt u een eenvoudigere manier om de html-tags van een webpagina te bekijken zonder de broncode in een apart venster te bekijken? Nu kunt u de webpagina en tags gecombineerd in hetzelfde venster bekijken met behulp van de X-Ray-extensie voor Firefox.
Voor
Meestal als je de broncode achter een webpagina wilt zien, moet je deze in een apart venster bekijken. Als u alleen geïnteresseerd bent in een specifieke sectie, moet u de hele set code doorzoeken om te vinden wat u zoekt.
Na
Met de X-Ray-extensie kunt u de tags van het document (inclusief klassen- en ID-namen) "naast elkaar" zien met de webpagina op hetzelfde tabblad. U kunt het contextmenu of het toolmenu gebruiken om toegang te krijgen tot de röntgenopdracht.
Hier ziet u hetzelfde webpaginagedeelte als in de eerste schermafbeelding hierboven. Het ziet er eerst een beetje vreemd uit, totdat je eraan gewend bent beide tegelijk te zien.
Opmerking: u kunt de webpagina terugbrengen naar de normale weergave door nogmaals op de röntgenopdracht te klikken of de pagina te vernieuwen.
De code voor een deel van de zijbalk op dezelfde webpagina ...
Gevolgd door een reeks links aan het einde.
Kijkend naar een ander voorbeeld, stel dat je geïnteresseerd bent in hoe een deel van de hoofdfeed is ingesteld.
In staat zijn om te zien hoe een bepaald element direct op de webpagina is ingesteld, is zeker beter dan zoeken door de hele pagina met code.
Conclusie
Als u webpagina's ontwerpt en een eenvoudige manier wilt om te zien hoe de website van iemand anders is gecodeerd, kunt u deze extensie proberen.
Links
Download de X-Ray-extensie (Mozilla-add-ons)
