Red de conocimiento informático - Material del sitio web - Cómo utilizar correctamente la vista previa en vivo

Cómo utilizar correctamente la vista previa en vivo

I. Configurar una vista previa en vivo

Para configurar una vista previa en vivo, primero debe abrir CodeLive y seleccionar el archivo apropiado en el navegador.

1.1 Activar o desactivar CodeLive

Hay dos métodos:

Desde la barra de herramientas Vista del servidor

Seleccionar un servidor del Servidor Ver y luego haga clic en el botón Habilitar CodeLive. Haga clic en este botón para activar o desactivar el interruptor.

Desde el menú contextual de la vista del servidor

Haga clic derecho en el servidor y seleccione CodeLive, lo que abrirá un menú para activarlo o desactivarlo.

1.2 Seleccionar archivos para la vista previa en vivo

Después de iniciar CodeLive, puede seleccionar archivos para la vista previa en vivo.

1. Ver la página web en el navegador

2. Haga clic en el icono de Codelive para abrir el panel de control de CodeLive:

3. Seleccione el archivo que desea vista previa en tiempo real

p>

4. Haga clic en el botón cerrar

5. Actualizar la página web

Editar la página web en tiempo real. Vista previa en tiempo

Nota: La vista previa en vivo solo admite navegadores modernos, por lo que IE 9 y versiones inferiores no son compatibles.

1. Ver la página en uno o más navegadores. Puede utilizar un simulador móvil para ver cómo se verá su página en un dispositivo móvil.

2. Edite HTML, CSS y JSP en el navegador y vea los cambios en tiempo real.

La versión inicial de Live Preview tiene soporte JSP experimental. En el caso de páginas estáticas, puede ver los cambios en vivo en el navegador, pero al tocar áreas dinámicas, no puede rastrear los cambios en el proceso del lado del servidor, que se optimizará aún más en versiones posteriores de CI de 2016.

3. El resaltado en tiempo real le permite localizar rápidamente el área seleccionada por el mouse.