HTML Viewer: HTML Inspector

Code Play

Indeholder annoncerKøb i apps

Om denne app

HTML Viewer hjælper webudviklere, studerende og webstedsejere med at udforske markup'en bag et websted og afprøve ændringer på deres enhed. Indtast en URL for at se kildekoden, redigere HTML, inspicere sideressourcer eller gennemgå almindelige strukturelle problemer. Vælg det værktøj, der passer til dit spørgsmål, uden at starte en fuld udviklingsopsætning.

LÆS, REDIGER OG FORHÅNDSVIS
Åbn en side i HTML-editoren, og sammenlign din kode med dens gengivne output. Aktiver delt forhåndsvisning for at se ændringer, mens du arbejder. Syntaksfremhævning, tagforslag, find og erstat, gå-til-linje-kontroller, fortryd og fortryd hjælper dig med at navigere i længere dokumenter. Formater markup for lettere læsning, eller brug minimeringshandlingen til at komprimere den.

Start et eksperiment med en HTML-starter, landingsside, tilgængelig formular eller genanvendelig kortskabelon. Editoren markerer også almindelige problemer såsom uoverensstemmende tags, dublerede ID'er og manglende alt-attributter for billeder. Åbn en lokal .html-fil, gem dit redigerede dokument, eller del koden via de tilgængelige enhedshandlinger. Ændringer påvirker din arbejdskopi, ikke det originale websted.

GENNEMGANG SIDENES STRUKTUR
Kør en webstedsrapport for at kontrollere titler, metabeskrivelser, kanoniske URL'er, dokumentsprog, viewport-metadata og metadata for social deling. Udforsk overskriftsniveauer og antal for links, billeder, scripts, stilarter og formularer. Resultater henleder opmærksomheden på manglende etiketter, unavngivne links, duplikerede ID'er og usikre ressourcereferencer. Kopier eller del rapporten, når du diskuterer en side med en anden.

KONTROLLER LINKS OG RESSOURCER
Scan den indlæste sides links, billeder, eksterne scripts og stilark. Se fungerende, omdirigerede og mislykkede svar, skeln mellem interne og eksterne adresser, og filtrer resultater for at fokusere på ødelagte eller usikre ressourcer. Søg i resultaterne, kopier individuelle URL'er, eller kopier en tekstrapport til opfølgning. Anmodningsfejl kan også afspejle serverbegrænsninger eller forbindelse.

PRØV FORSKELLIGE VIEWPORTS
Brug responsive forhåndsvisningsindstillinger til telefon-, tablet- og desktopstørrelser, eller indtast brugerdefinerede dimensioner. Roter viewporten, juster zoom og vælg et lyst, mørkt eller systemfarveskema. Opdater med en anden brugeragent, når et websted leverer andet server-renderet indhold. Del det aktuelle forhåndsvisningsbillede som et skærmbillede. En simuleret visningsport hjælper med at sammenligne layouts; den reproducerer ikke alle fysiske enheder.

SE FORHÅNDSVISNINGSADFÆRD
Konsolvisningen indsamler meddelelser, advarsler og fejl fra appens instrumenterede sidevisning. Netværksinspektøren viser indfanget hentning, XMLHttpRequest og ressourceaktivitet med tilgængelige status- og tidsoplysninger. Ryd poster, genindlæs forhåndsvisningen, og brug filtre til at undersøge et specifikt problem. Disse værktøjer inspicerer den forhåndsvisning i stedet for trafik fra andre apps.

GEM NYTIGE REFERENCER
Gennemse udtrukne sidebilleder, søg efter filnavn eller format, og få vist et billede, før du gemmer det. Del et skærmbillede af den synlige eksportvisningsport, eller opret en PDF af den indlæste side. PDF-optagelse er begrænset til 16.000 pixels sidehøjde. Gem foretrukne URL'er, brug adresseforslag, og søg i den seneste inspektionshistorik for at vende tilbage til nyttige websteder.

Indlæsning af websteder, ressourcetjek og fjernt indhold kræver en internetforbindelse. Beskyttede sider, blokerede billeder og browsersikkerhedsregler kan begrænse resultater eller eksport. Brug værktøjskassen til at studere tilgængeligt webindhold og teste dine egne idéer med lyse, mørke og systemapp-temaer, der er tilgængelige for behagelig læsning.