PageSpy voor Windows

Analyseer online inhoud en bekijk de gebruikte code

PageSpy is een kleine add-on voor Internet Explorer waarmee u elk element binnen een webpagina kunt selecteren, een optie in het contextmenu kunt selecteren en gedetailleerde informatie kunt bekijken over zowel de codering achter de pagina als het geselecteerde element.

Ik denk dat dit soort tool je algemene websurfer niet zal aanspreken, en als ik een groep zou moeten specificeren waarvoor het is ontworpen, zouden beginnende en halfgevorderde webontwikkelaars nieuwsgierig zijn over hoe bepaalde websites of pagina-elementen werken.

U kunt verschillende secties bekijken volgens de tags bovenaan het venster. Een voor de hand liggende toevoeging is de broncode van de pagina, maar PageSpy zal ook de DHTML-code tonen; met andere woorden de resulterende code die wordt gegenereerd zodra het script door de server is verwerkt. U kunt zien welke cookies zijn bijgevoegd bij de pagina die u bekijkt en u kunt er zelf meer toevoegen als u dat wilt. Andere informatie die vooral nuttig is voor aankomende ontwikkelaars, is te vinden onder de tabbladen "Formulieren" en "CSS". Deze maken beide de respectievelijke elementen op een zeer leesbare manier op en laten je de weergave van elk uitbreiden om de bron te tonen.

Het tabblad "Dit" is relevant voor elk element dat je hebt geselecteerd voordat je met de rechtermuisknop klikte, en het zal geven u een enorme lijst van de eigenschappen die erop van toepassing kunnen zijn. Veel van de eigenschappen zijn niet van toepassing en retourneren "Null", maar weten dat het is gecontroleerd, kan vaak net zo handig zijn.

Ik was erg onder de indruk van de mogelijkheden van dit kleine programma. Het is zowel erg handig als informatief, een moeilijke combinatie om te vinden. Het enige probleem dat ik heb, is dat het alleen beschikbaar is voor Internet Explorer. Een aanrader voor iedereen die het vak van webontwikkeling leert.