Vista previa de dispositivo: Solución de problemas

Buscar

Última actualización el 17 mar. 2023

¿No puede obtener una vista previa ni inspeccionar su página web en sus dispositivos? Consulte estas sugerencias para solucionar los problemas de Vista previa de dispositivo con Dreamweaver.

A partir del 16 de noviembre de 2021, la funcionalidad para previsualizar páginas en varios dispositivos se retirará en todas las versiones de Dreamweaver. Le invitamos a que eche un vistazo a la función Vista previa en tiempo real con la que previsualizar páginas en varios navegadores. Puede usar esta solución alternativa para la vista previa de sus dispositivos.

Primero, compruebe lo siguiente...

Compruebe que cumple con los requisitos para la Vista previa de dispositivo que se incluyen a continuación. Si aún tiene problemas, consulte consejos avanzados para solucionar problemas.

¿Están conectados los dispositivos y Dreamweaver a Internet y en la misma red?

La Vista previa de dispositivo no funciona si el equipo en el que Dreamweaver está instalado y sus dispositivos están conectados a diferentes redes. Por ejemplo, si su dispositivo usa una conexión de red suministrada por su operador de servicios móviles y Dreamweaver está conectado a la red fija de su casa, Vista previa de dispositivo no funcionará.

Asegúrese de que todos los dispositivos y el equipo de escritorio están conectados a la misma red.

¿Ha habilitado JavaScript y las cookies en el navegador de su dispositivo?

La función de Vista previa de dispositivo requiere que tanto JavaScript como las cookies estén habilitados en la configuración del navegador de su dispositivo. Vaya a la pantalla de configuración del navegador de su dispositivo, busque las cookies y JavaScript y habilítelos.

¿Está usando el mismo Adobe ID en Dreamweaver y en los dispositivos?

Para usar el servicio de Vista previa de dispositivo es necesario iniciar sesión en los dispositivos con su Adobe ID. El Adobe ID debe ser el mismo que el que utilizó para comprar o probar el abono a Dreamweaver. En caso de que tenga otro Adobe ID, el inicio de sesión se autentica técnicamente en su dispositivo, pero no podrá obtener una vista previa de la página a menos que inicie sesión con el mismo ID que ha usado con Dreamweaver.

Para comprobar el Adobe ID que está usando actualmente con Dreamweaver, haga clic en Ayuda > Cerrar sesión <su Adobe ID>.

¿Ha abierto un documento válido para ver una vista previa?

Técnicamente, en sus dispositivos puede obtener la vista previa de cualquier documento que se represente en la Vista en vivo de Dreamweaver. Es decir, puede obtener vistas previas de documentos como HTML y PHP en sus dispositivos. Si intenta ver una vista previa de otros archivos, como CSS, XML, LESS y JS, le aparecerá un error en el dispositivo donde se le indicará que debe abrir un documento válido en Dreamweaver para que salga la vista previa.

¿Cuenta con el acceso necesario al servicio de Vista previa de dispositivo?

Si está usando una cuenta de empresa en Dreamweaver, es posible que no tenga acceso al servicio Vista previa de dispositivo. Póngase en contacto con el administrador del sistema para asegurarse de que tiene los permisos necesarios para usar dicho servicio.

Soluciones avanzadas de problemas

No se puede iniciar el servicio de Vista previa de dispositivo

Dreamweaver ejecuta un servidor nodo de HTTP local para el servicio de Vista previa de dispositivo en un puerto asignado de forma aleatoria por el nodo. La función de Vista previa de dispositivo no funcionará si el administrador del sistema tiene bloqueados uno o varios de los siguientes:

El puerto aleatorio asignado por el servidor nodo
La dirección IP del servidor local (localhost), 127.0.0.1

Para solucionar este problema, realice los siguientes pasos:

Reinicie Dreamweaver. Si no se ha podido crear la instancia del servidor nodo, al reiniciar Dreamweaver se solucionará el problema.

Si esto no da resultado, continúe con los pasos 2 y 3.
Asigne un puerto específico para los servicios de Vista previa de dispositivo desde el servidor nodo. Debe añadir este número de puerto en un archivo NodePort.json junto con la clave para la vista previa en el dispositivo. El proceso para añadirlo se describe aquí.

Crear un archivo NodePort.json

Cree un archivo NodePort.json e indique el número de puerto en el archivo con el siguiente formato:

Nota:

Compruebe que este número de puerto no lo tenga bloqueado el administrador del sistema.
```
{
“previewport” : <número de puerto>
}
```
Por ejemplo, si quiere utilizar el número de puerto 8010:
```
{
“previewport” : 8010
}
```
Nota:

Si ya ha creado un archivo NodePort.json con un par clave-valor, use una coma para separar el nuevo par o especifique el nuevo en una línea diferente.
Guarde el archivo NodePort.json en la ruta siguiente:
- Windows: %appdata%\Adobe\Dreamweaver CC 2015\es_ES\Configuration
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/es_ES/Configuration
Reinicie Dreamweaver.

La configuración del cortafuegos está bloqueando las conexiones con Dreamweaver

Si la configuración del cortafuegos del equipo de escritorio o el cortafuegos de su empresa bloquea las conexiones de los dispositivos externos, estos no se podrán conectar con Dreamweaver.

Ajuste la configuración del cortafuegos de su equipo para permitir las conexiones con los dispositivos externos. Si está usando un ordenador de su oficina, póngase en contacto con el administrador del sistema para obtener ayuda.

Si su cortafuegos está configurado para activarse cuando los dispositivos externos intentan conectarse con el equipo, se mostrará un mensaje para que permita el acceso al servidor nodo de Dreamweaver. Por ejemplo, si tiene configurado el cortafuegos de Windows, se mostrará un mensaje con la opción Permitir acceso. Seleccione la red adecuada (pública o privada) y, a continuación, haga clic en Permitir acceso.

Nota: Para consultar en qué red está su equipo, abra la configuración del cortafuegos de Windows en el Panel de control y compruebe la configuración.
Asigne un puerto específico para los servicios de Vista previa de dispositivo desde el servidor nodo. Debe añadir este número de puerto en un archivo NodePort.json junto con la clave para la vista previa en el dispositivo. El proceso para añadirlo se describe aquí.

La configuración del servidor proxy bloquea las conexiones con los dispositivos externos

Es posible que la Vista previa de dispositivo no funcione si la dirección IP del equipo en el que Dreamweaver está instalado no está incluida en la lista de IP admitidas del servidor proxy.

Para añadir su equipo a esta lista de la configuración del servidor proxy, póngase en contacto con el administrador del sistema.

JavaScript y las cookies no están habilitados en los navegadores de los dispositivos

La vista previa no funciona y se me redirige a este artículo

Se le redirige a este artículo en las situaciones siguientes:

Los dispositivos no se pueden conectar con Dreamweaver.
- El dispositivo y Dreamweaver están en redes diferentes.
  La Vista previa de dispositivo no funciona si el equipo en el que Dreamweaver está instalado y sus dispositivos están conectados a diferentes redes. Por ejemplo, si su dispositivo usa una conexión de red suministrada por su operador de servicios móviles y Dreamweaver está conectado a la red fija de su casa, Vista previa de dispositivo no funcionará.
  
  Asegúrese de que todos los dispositivos y su equipo de escritorio están en la misma red y vuelva a intentar abrir la vista previa de la página web.
- La configuración del cortafuegos de su ordenador impide las conexiones entrantes de los dispositivos.

Está accediendo a una dirección URL no válida o antigua (la dirección URL abreviada adobe.ly) desde sus dispositivos. Vuelva a escanear el código QR para obtener la vista previa de la página en sus dispositivos.

Si está intentando acceder a la página web a través de Internet Explorer 11 o en Windows 8.1 Pro OS, asegúrese de que la versión de Internet Explorer sea 11.0.9600.17690 o posterior, o bien utilice otro navegador para obtener la vista previa.

Se ha producido un error interno. Deje pasar unos instantes e intente abrir la vista previa de su página web o reinicie Dreamweaver.

Solución alternativa para utilizar la Vista previa de dispositivo en Dreamweaver

Para ver el diseño de la página en sus dispositivos, puede usar esta solución alternativa. Siga estos pasos:

Configure un servidor de prueba usando el vínculo cómo configurar un servidor de prueba.
Guarde y envíe sus archivos al servidor de prueba. Habilite la barra de herramientas Estándar (Ventana > barras de herramientas > Estándar) para buscar la URL de la página web en el servidor de prueba.
Copie la URL de la aplicación Dreamweaver y péguela en su navegador móvil. La URL tiene este formato: http://localhost/Devicepreview/index.html. Reemplace “localhost” con la dirección IP de su ordenador. Ejemplo:http://xx.xxx.xxx.xxx/Devicepreview/index.html, donde xx.xxx.xxx.xxx es la dirección IP del ordenador.
Use la URL anterior (con la dirección IP) en cualquier dispositivo que esté conectado a la misma red de Internet que el ordenador para ver la página web en el dispositivo.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?