Vista previa de un archivo HTML sin ejecutarlo
Se puede abrir un archivo .html, .htm o .xhtml en una pestaña de vista previa. GitTree lo analiza en su computadora, elimina scripts, marcos y otro contenido activo, y muestra el resto en un marco aislado sin red. Los estilos en línea y las imágenes data: pueden permanecer. La vista previa no ejecuta la página.
Funciona en GitTree Gratis: todas las funciones locales de Git, sin necesidad de cuenta.
En esta página
Antes de empezar
- La vista previa es parte del plan gratuito. El archivo está en el repositorio que tiene abierto o es la copia de trabajo de esa ruta.
- Quiere leer la página, no ejecutarla. Una página que depende de scripts o de una red parecerá incompleta. Esa es la zona de pruebas, no una carga fallida del repositorio.
donde encontrarlo
- Abra el archivo desde el explorador de archivos. Una ruta que termina en
.html,.htmo.xhtmlse puede abrir como vista previa, al igual que Markdown. - Open Preview donde el menú del archivo lo ofrece.
| acción | macOS | Windows y Linux |
|---|---|---|
| Centrar la lista de archivos | ⌘⇧E | Ctrl+Shift+E |
Pasos
Abre el archivo
En la lista de archivos, abra la página. GitTree trata a
.html,.htmy.xhtmlcomo archivos de vista previa, junto con Markdown. La pestaña muestra la página renderizada en lugar de solo la fuente. Cambie al editor de código fuente cuando desee el texto.
Abra un archivo HTML de esta lista. La pestaña de vista previa es la siguiente vista. La imagen fija es la lista de archivos.GitTree interfaz con un repositorio de demostración. Lea la página del espacio aislado
La política del marco es
default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:. Los scripts,base, meta de actualización, iframes, marcos, objetos, incrustaciones, subprogramas y portales se eliminan antes de que el marco vea el documento. Las imágenes remotas no se cargan. Se puede insertar un enlace de hoja de estilo que apunte a otro archivo en el repositorio, hasta 64 recursos.Aviso cuando se redujo la página.
Si se eliminaron scripts o contenido remoto, la página se marca como reducida. Lo que ves es el resto estático. Un enlace que hubiera salido del archivo no es una navegación GitTree se realizará dentro del marco. Abra la fuente para leer la parte que se eliminó.
Edite la fuente y luego obtenga una vista previa nuevamente
Cambie el archivo en el editor y abra la vista previa nuevamente. El analizador se ejecuta sobre el texto que tiene. No recupera la página de un host. Confirme el archivo desde el cuadro de confirmación cuando desee realizar el cambio en el historial. La vista previa no hace commit.
Resultado esperado
La pestaña muestra la página estática: estilos en línea y recursos locales en línea, sin scripts y sin acceso a la red. La vista previa no modifica el repositorio. Utilice la pestaña de origen para confirmar que una etiqueta que esperaba todavía esté en el archivo aunque el marco no la ejecute.
lo que se elimina
| Elemento o referencia | que pasa |
|---|---|
| guión | Eliminado. No funciona. |
| iframe, marco, objeto, incrustar, subprograma, portal | Eliminado. No cargan. |
| actualización base y meta | Se eliminó para que el marco no se pueda reorientar. |
| URL de fuente o imagen remota | No cargado. Sólo se permiten datos: imágenes y fuentes. |
| Hoja de estilo en el repositorio | En línea cuando es uno de los primeros 64 activos. |
La política se inserta al principio del elemento HTML head, antes de cualquier contenido de la página. Una página sólo puede limitar esa política, no ampliarla. El análisis no ejecuta la página y no lee los archivos que nombra hasta que la vista previa llena los activos que decidió conservar.
HTML y Markdown
La misma regla de "se abre en una pestaña de vista previa" cubre Markdown y estas extensiones de página. Markdown se representa como Markdown. HTML se analiza como un documento y luego se coloca en un espacio aislado. Un archivo .html no pasa a través del procesador Markdown. Abrir y editar archivos es el editor. La vista previa es la pestaña adicional.
git show HEAD:docs/index.html
git check-ignore -v docs/index.htmlgit show imprime el archivo confirmado. La vista previa muestra la copia de trabajo cuando eso es lo que abrió. Ignorar reglas no oculta un archivo del que ya se realiza un seguimiento. La lección del tutorial sobre cómo leer una diferencia es cómo se compara la fuente, que la vista previa no reemplaza.
Límites
Cada activo es una lectura y la página mantiene como máximo 64 rutas. Los activos más allá de eso permanecen como los tenía la página, sin ser retirados. Una página muy grande se analiza una vez por texto. Llenar activos no lo analiza nuevamente. La vista previa está fuera de línea a propósito. No coincidirá con un navegador que tenga permiso para ejecutar scripts y llamar a una red.
Si algo sale mal
La página está en blanco o le falta el diseño.
Los estilos pueden provenir de una hoja remota o de un guión. Esos no están cargados. Inserte los estilos en el repositorio, dentro del límite de 64 activos, o lea la fuente.
Faltan imágenes.
Las imágenes remotas están bloqueadas. Una imagen en el repositorio se muestra cuando se convierte en una URL de datos: dentro del límite de activos. Verifique la ruta que utiliza la página. Se descarta una ruta que sale del repositorio.
Un botón no hace nada.
Se eliminaron los guiones. La vista previa no los ejecuta. Utilice un navegador de confianza si debe ejecutar la página y sólo para un archivo que haya leído.
La vista previa no coincide con el archivo confirmado.
Estás mirando la copia de trabajo. git show HEAD:path imprime el texto confirmado. Comprométete o descarta, si quieres que coincidan.
Preguntas
¿La vista previa ejecuta JavaScript?
No se eliminan elementos del script y la política del marco establece default-src en none. La página no se ejecuta.
¿Carga imágenes de la red?
No. img-src y font-src solo permiten datos: URL. Las imágenes del repositorio se incluyen como datos cuando están dentro del límite de activos.
¿Qué extensiones se abren como una página?
html, htm y xhtml. Markdown se abre en la vista previa de Markdown. Otros archivos se abren como fuente o como diferencia.
¿Puede una página aflojar el sandbox?
No. La política de marco se inserta primero. Una página sólo puede reducirla. Se elimina una meta actualización o una URL base.
¿La vista previa HTML es una función Pro?
No. Es parte del plan gratuito, no se necesita cuenta.