Bekijk openbare paginametadata en statische voorbeelden van HTML, CSS en afbeeldingen zonder JavaScript, op computer-, tablet- en mobiele formaten.
Bekijk openbare paginametadata en statische voorbeelden van HTML, CSS en afbeeldingen zonder JavaScript, op computer-, tablet- en mobiele formaten.
https://clocktools.app/Gebruik een openbare HTTPS-pagina voor een statisch voorbeeld; HTTP levert alleen metadata. Voeg geen inloggegevens, aangepaste poorten, ondertekende links of persoonlijke identificatoren toe.
1440×900 · 820×1180 · 390×844Dit zijn CSS-viewports, geen specifieke apparaten of vergelijking tussen browsers.
PNG · JSONControleer eerst de capturestatus. Download PNG alleen bij een echte capture; exporteer metadata afzonderlijk.
Kies vóór publicatie van een artikeltemplate desktop en mobiel, met tablet voor de tussenbreedte. Vergelijk titels, navigatie, afbeeldingen en inhoud op die maten. Bewaar geldige PNGs en JSON in het ticket. Menu’s, formulieren en JavaScript-inhoud vragen aparte normale browsertests.
Bekijk bij migratie titel, eerste H1, canonical en robots met eind-URL en status. Exporteer metadata ook zonder plaatje. Afwijkende canonical is een configuratieclue, geen bewezen zoekmachinekeuze. Controleer bedoelde bron en uitrol, niet SEO vanaf een screenshot.
Lees bij lege of ongestylede preview eerst opname- en weggelaten-bronmeldingen. Vergelijk lokaal zonder en met JavaScript. Dat helpt een dynamische shell van missende CSS of beelden onderscheiden. Mislukte opname en geldig beeld met weinig inhoud vragen andere meldingen.
CSS-mediaqueries passen stijlen aan viewportvoorwaarden aan. Hun pixels zijn CSS-pixels, niet het fysieke aantal op een telefoonspecificatie. Een breedte van 390 pixels certificeert dus geen smartphonemodel.
Een pagina kan op de gekozen breedtes werken en ertussen overlopen. Test lange tekst, oriëntatie, zoom en interactie apart. Een beeld van de eerste viewport valideert niet de rest van de pagina of een volledige bestelling. W3C-specificatie voor mediaqueries.
Een statisch voorbeeld toont opgehaalde HTML, CSS en ondersteunde afbeeldingen zonder JavaScript. Metadata wordt afzonderlijk uit begrensde bron-HTML gehaald; geen van beide bewijst een door JavaScript gemaakte DOM.
Alleen gecontroleerde openbare HTTPS-bestanden komen in aanmerking. Scripts, externe lettertypen, frames, media en verbindingen zijn uitgeschakeld. Ontbrekende bestanden veranderen de weergave; een geldige PNG kan een onvolledige of lege dynamische site tonen. Beperkingen voor browserverzoeken.
Illustratief voorbeeld: een pagina levert HTTP 200 en een titel, maar er is geen voorbeeld beschikbaar. Dat bewijst een bronantwoord, geen getekende interface. Lees de specifieke fout; HTTP, niet-ondersteunde inhoud en limieten kunnen alleen metadata opleveren.
Er zijn desktop 1440 × 900, tablet 820 × 1180 en mobiel 390 × 844. Desktop en mobiel zijn standaard; voeg tablet toe voor het midden. Eén maat blijft altijd gekozen. Dit zijn vaste viewports, geen apparaatcatalogus. Eigen breedte, oriëntatie, browserfamilie of touch-emulatie zijn niet instelbaar.
Controleer een specifiek openbaar HTTPS-pad, niet alleen homepage. Lang artikel, productlijst en vertaling kunnen de template anders belasten. Gebruik hetzelfde pad op relevante maten en noteer de eerste zichtbare inhoud. De W3C-mediaqueryspecificatie beschrijft breedteafhankelijke CSS; hier telt of de statische layout bruikbaar blijft.
Een vaste voorbeeldtitel is desktop één regel en mobiel drie. Dat is niet automatisch fout. Zoek afgekapt woord, overlap of hoofdactie buiten beeld zonder bruikbare voortzetting. Test tussenbreedtes, tekstzoom en oriëntatie lokaal. Drie steekproeven bevestigen niet ieder omslagpunt of apparaat.
| Viewport | Nuttige review | Niet vastgesteld |
|---|---|---|
| 1440 × 900 | Brede navigatie, kolommen en titels | Alle schermen, browsers en zoomniveaus |
| 820 × 1180 | Overgangen op tussenbreedte | Specifieke tablet of touchgedrag |
| 390 × 844 | Smalle tekst, beelden en eerste gebied | Specifieke telefoon, toetsenbord of alle mobiele breedtes |
De preview tekent opgehaald HTML, ondersteunde CSS en afbeeldingen zonder JavaScript. Een servertitel kan verschijnen, een clientgrafiek niet. Alleen eerste viewport wordt vastgelegd, niet de hele pagina; lagere inhoud is niet visueel beoordeeld. Geldige PNG bewijst statische opname op de gekozen maat, geen complete applading.
Externe fonts, frames en media zijn uitgesloten. Vervangende lettertypen veranderen woordbreedte, regels en hoogte; fonticonen kunnen verdwijnen. Bij weggelaten bestanden is het beeld gedeeltelijk. Bekijk eerst welke verschillen daaruit volgen voordat je site-afstanden aanpast.
De grens helpt initieel HTML bekijken. Een serverartikel houdt tekst zonder JavaScript, terwijl een app met alleen rootcontainer schaars kan ogen ondanks 200 en titel. Dat beoordeelt niet alleen progressive enhancement of algemene beschikbaarheid. Vergelijk eigen bron en normaal browsergedrag om bedoelde leegte te onderscheiden.
Metadata worden apart uit de opgehaalde HTML gehaald, niet uit een door JavaScript gewijzigd DOM of uit pixels van de opname. De zichtbare resultaatregels tonen de antwoordstatus, titel, eerste H1, canonical, robots, het inhoudstype, de onderzochte HTML-grootte en de geschatte responstijd. De JSON-export bewaart ook de uitgelezen beschrijving en viewportwaarde, de uiteindelijke URL en de doorverwijzingen; beschrijving en viewport hebben geen eigen zichtbare regels. Gebruik die aanvullende gegevens om de pagina-inrichting van een opnameprobleem te onderscheiden, zonder er een oordeel van een zoekmachine uit af te leiden.
Een ontbrekend of leeg veld bewijst niet dat de bijbehorende markup op de volledige pagina ontbreekt. De HTML-parser leest attributen op naam: een andere volgorde verhindert het uitlezen niet, en gewone attributen met of zonder aanhalingstekens worden ondersteund. De inspectie is wel begrensd; bij afgebroken HTML kunnen latere tags buiten de onderzochte bron vallen. Alleen de eerste H1 wordt gerapporteerd, niet de volledige koppenstructuur, en door JavaScript gemaakte inhoud wordt niet onderzocht. Mislukt het parsen, dan meldt het resultaat niet-beschikbare metadata en een mislukte opname, geen bevestiging dat tags ontbreken. Vergelijk de bron die zonder inloggen is ontvangen met het gewijzigde DOM van je browser voordat je dubbele tags toevoegt als vermoedelijke reparatie.
De HTML-canonicalrelatie noemt een voorkeurs-URL. Controleer oude omgeving of verkeerd pad; zoekmachinekeuze wordt niet bewezen. Googles robotsdocumentatie legt instructies uit, maar één meta geeft geen crawl- of indexoordeel. Headers en andere voorwaarden vragen apart onderzoek.
Bekende titel met login- of challengebeeld vraagt vergelijking van anonieme respons, geen conclusie van ingelogde rendering. Metadata en opname zijn aparte verzoeken met mogelijk andere inhoud, cache en uitroltijd. Bewaar beide statussen zonder ontbrekend bewijs van één met het andere aan te vullen.
Lees elke maat apart. Geslaagde desktop keurt mislukte mobiel niet goed. Metadata-only blijft bruikbaar, maar levert geen visueel bewijs voor de ontbrekende viewport. HTTP geeft alleen metadata; gebruik echt openbaar HTTPS voor opname zonder opwaardering door een HTTP-redirect te veronderstellen.
Als het ophalen van de metadata mislukt, los dan eerst die fout op. Lees bij een mislukte opname de specifieke melding: een ongunstige bronrespons, niet-ondersteunde inhoud, een probleem met een doorverwijzing of een limiet voor verzoeken, bytes of tijd kan verhinderen dat een opname wordt geaccepteerd. Een PDF- of JSON-endpoint is geen test van een HTML-layout. Geen geaccepteerde opname hebben is iets anders dan een geaccepteerde opname hebben waarop de pagina leeg lijkt.
Is de opname geaccepteerd maar onvolledig, vergelijk dan de meldingen over weggelaten bronnen met wat je ziet. Controleer bij tekst zonder opmaak het pad naar het CSS-stylesheet en het ondersteunde inhoudstype. Controleer bij ontbrekende afbeeldingen de levering van die bestanden, en bij een app met weinig zichtbare inhoud de afhankelijkheid van JavaScript. Dit zijn aanknopingspunten voor onderzoek, geen diagnoses van het hulpmiddel. Wijzig je eigen site pas nadat je de situatie hebt gereproduceerd met de werkelijke bron en bronverzoeken.
| Uitkomst | Bruikbare uitspraak | Bewaren |
|---|---|---|
| Alleen metadata | Bron beschikbaar, geen geaccepteerd beeld op die maat | Status, URL, velden en opnamefout |
| Geaccepteerde statische PNG | Eerste statische viewport vastgelegd | Maat, tijd, PNG en meldingen |
| Geaccepteerde schaarse of lege PNG | Weinig zichtbare statische inhoud | Bronvergelijking en lokale test zonder JavaScript |
| Eén maat mislukt | Dekking onvolledig | Alle maatuitslagen, niet alleen geslaagd beeld |
Bewaar pad, maten, tijd, metadata en uitslagen in JSON. Download PNG alleen bij succes. Het beeld bewaart uiterlijk; JSON context en fouten die bij uitsnijden verdwijnen. Bestandsnaam bewijst geen pagina, tijd of condities.
Noem element, breedte en effect: bijvoorbeeld lange productnaam afgekapt bij 390, leesbaar bij 820 pixels. Geef openbaar pad en mogelijke invloed van weggelaten bestanden of JavaScript. Dat helpt meer dan “mobiel mislukt”, zeker als de opname technisch slaagde.
Rond lokaal af met toetsenbord, menu’s, toegestane formuliertests en laad- en foutstaten. Test werkelijk ondersteunde browsers en apparaten. Dit meet geen toegankelijkheid, Core Web Vitals of interactielatentie. Annuleer of reset bij invoerwissel; delen bevriest pagina of resultaat niet.
We controleren de paginametadata en het statische uiterlijk afzonderlijk, zonder in te loggen of privé-inloggegevens mee te sturen. Elk geaccepteerd voorbeeld heeft de gekozen afmetingen. Ontbreekt een voorbeeld of een bestand, dan melden we dat; metadata alleen bewijst niet dat de hele pagina is weergegeven.
Je ziet het eerste zichtbare deel, geen volledige JavaScript-weergave, opname van de hele pagina, prestatiescore of toegankelijkheidscontrole. Externe lettertypen, ingesloten inhoud, media en dynamisch geladen onderdelen kunnen ontbreken. Het uiterlijk kan daardoor afwijken van je browser. Gebruik alleen openbare pagina’s en test interacties op je eigen apparaten. Na annuleren vervangt een laat resultaat de huidige weergave niet meer.
Meld een reproduceerbaar probleem via de contactpagina met de URL van de tool, een niet-vertrouwelijke invoer, het controletijdstip, de verwachte uitkomst en brongegevens. Voeg waar mogelijk het openbare antwoord toe, zonder accountgegevens of geheime links. Een gewijzigde bron is niet noodzakelijk een rekenfout. Vergelijk eerst dezelfde naam, pagina en hetzelfde tijdstip.
HTTP, niet ondersteunde inhoud, bronfout of limiet kunnen metadata zonder geaccepteerd beeld geven. Lees de melding per maat. Titel en respons bewijzen geen getekende pagina; ontbrekende opname diagnosticeert geen lege website.
Nee. HTML, ondersteunde CSS en beelden worden zonder scripts getekend. Widgets, routes en clientinhoud kunnen ontbreken. Vergelijk normale browser en lokaal zonder JavaScript; geldige statische opname betekent geen geslaagde interactieve app.
Nee. Ze zetten 1440 × 900, 820 × 1180 en 390 × 844. Touch, pixeldichtheid, systeem en browserfamilies zijn niet bewezen. Doe eigen responsive en fysieke tests voor die condities.
Externe fonts zijn uitgesloten; vervanging wijzigt regels en ruimte, fonticonen kunnen missen. Frames, media en dynamische bronnen kunnen ook ontbreken. Lees meldingen vóór je het een CSS-defect noemt.
Nee. Het beschrijft HTTP, niet iedere bron of interactie. Een JavaScript-shell kan 200 en weinig statische inhoud geven. Bekijk beelden en meldingen per maat en test echt gedrag lokaal.
Ze kunnen door JavaScript ontstaan, ontbreken in anonieme bron of buiten de extractor vallen. Afgebroken HTML kan latere tags missen. Vergelijk bron, niet alleen DOM, voordat je wijzigt of dupliceert.
Nee. Alleen de eerste viewport. Lagere inhoud, scrollen, lazy loading en vaste elementen na scroll vragen eigen beoordeling. Download bewijst niet dat iedere sectie is bekeken.
Nee. Gebruik openbare pagina’s zonder credentials, tokens of accountgegevens. Login gaat niet mee. Bekijk private pagina’s lokaal met bevoegde tools, zonder toegangslinks in een openbare checker.
Nee. Geen indexering, canonicalkeuze of toegankelijkheidsresultaat. Gebruik crawltools, bron en headers voor indexering, en aparte toetsenbord- en assistieve-technologietests voor toegankelijkheid. Een verzorgd beeld beantwoordt dat niet.