HTML Viewer: HTML Inspector

Code Play

Conté anuncisCompres des de l'aplicació

Sobre l'aplicació

El Visualitzador HTML ajuda els desenvolupadors web, els estudiants i els propietaris de llocs web a explorar el marcatge que hi ha darrere d'un lloc web i a provar canvis al seu dispositiu. Introduïu una URL per veure el codi font, editar HTML, inspeccionar els recursos de la pàgina o revisar problemes estructurals comuns. Trieu l'eina que s'adapti a la vostra pregunta sense iniciar una configuració de desenvolupament completa.

LLEGIR, EDITAR I PREVISUALITZACIÓ
Obriu una pàgina a l'editor HTML i compareu el vostre codi amb la sortida renderitzada. Activeu la vista prèvia dividida per veure els canvis mentre treballeu. El ressaltat de sintaxi, els suggeriments d'etiquetes, la cerca i la substitució, els controls d'anar a la línia, les accions de desfer i refer us ajuden a navegar per documents més llargs. Formateu el marcatge per facilitar la lectura o utilitzeu l'acció de minimitzar per compactar-lo.

Inicieu un experiment amb un inici HTML, una pàgina de destinació, un formulari accessible o una plantilla de targeta reutilitzable. L'editor també marca problemes comuns com ara etiquetes que no coincideixen, identificadors duplicats i atributs alt d'imatge que falten. Obriu un fitxer .html local, deseu el document editat o compartiu el codi a través de les accions disponibles del dispositiu. Les edicions afecten la vostra còpia de treball, no el lloc web original.

REVISAR L'ESTRUCTURA DE LA PÀGINA
Executar un informe del lloc web per comprovar els títols, les metadescripcions, les URL canòniques, l'idioma del document, les metadades de la finestra gràfica i les metadades de compartició social. Explorar els nivells d'encapçalament i els recomptes d'enllaços, imatges, scripts, estils i formularis. Les troballes criden l'atenció sobre etiquetes que falten, enllaços sense nom, ID duplicats i referències de recursos no segures. Copiar o compartir l'informe quan es parli d'una pàgina amb algú altre.

COMPROVAR ENLLAÇOS I RECURSOS
Escanejar els enllaços, les imatges, els scripts externs i els fulls d'estil de la pàgina carregada. Veure respostes que funcionen, redirigides i fallides, distingir les adreces internes de les externes i filtrar els resultats per centrar-se en recursos trencats o no segurs. Cercar els resultats, copiar URL individuals o copiar un informe de text per al seguiment. Els errors de sol·licitud també poden reflectir restriccions o connectivitat del servidor.

PROVAR DIFERENTS FINESTRES GRÀFIQUES
Utilitzar preajustos de previsualització responsius per a mides de telèfon, tauleta i escriptori, o introduir dimensions personalitzades. Girar la finestra gràfica, ajustar el zoom i triar un esquema de color clar, fosc o del sistema. Actualitzar amb un agent d'usuari diferent quan un lloc web proporcioni contingut renderitzat pel servidor diferent. Comparteix la vista prèvia actual com a captura de pantalla. Una finestra gràfica simulada ajuda a comparar dissenys; no reprodueix tots els dispositius físics.

EXAMINAR EL COMPORTAMENT DE LA VISTA PRÈVIA
El visor de la consola recopila missatges, avisos i errors de la vista prèvia de la pàgina instrumentada de l'aplicació. L'inspector de xarxa mostra l'activitat de fetch, XMLHttpRequest i recursos capturats amb l'estat disponible i els detalls de temps. Esborra les entrades, torna a carregar la vista prèvia i utilitza filtres per investigar un problema específic. Aquestes eines inspeccionen aquesta vista prèvia, en lloc del trànsit d'altres aplicacions.

CONSERVAR REFERÈNCIES ÚTILS
Navega per les imatges de la pàgina extretes, cerca per nom o format de fitxer i previsualitza una imatge abans de desar-la. Comparteix una captura de pantalla de la finestra gràfica d'exportació visible o crea un PDF de la pàgina carregada. La captura de PDF està limitada a 16.000 píxels d'alçada de la pàgina. Desa les URL preferides, utilitza suggeriments d'adreces i cerca l'historial d'inspecció recent per tornar a llocs útils.

La càrrega de llocs web, les comprovacions de recursos i el contingut remot necessiten una connexió a Internet. Les pàgines protegides, les imatges bloquejades i les regles de seguretat del navegador poden limitar els resultats o les exportacions. Feu servir el conjunt d'eines per estudiar contingut web accessible i posar a prova les vostres pròpies idees, amb temes d'aplicacions clares, fosques i de sistema disponibles per a una lectura còmoda.