Para aprovechar características avanzadas como la Sincronización de Scroll y el Modo Rayos X, el navegador requiere que el simulador y tu proyecto compartan el mismo puerto y dominio (CORS).
1. HTML Estático (VS Code Live Server)
Si tu proyecto es HTML estático y lo abres con Live Server (ej. en el puerto 5500):
- Abre el simulador usando la URL de tu Live Server:
http://127.0.0.1:5500/public/device-simulator/index.html
- Ingresa la URL de tu sitio en el buscador del simulador:
http://127.0.0.1:5500/
2. Proyectos en PHP (XAMPP / WampServer)
Si tu proyecto usa PHP y corre en Apache localmente (ej. en http://localhost/mi-sitio):
- Copia la carpeta
device-simulator de este portafolio a la raíz de tu proyecto local, por ejemplo en htdocs/mi-sitio/.
- Accede al simulador en:
http://localhost/mi-sitio/device-simulator/index.html
3. Frameworks Modernos (React, Next.js, Vite)
Si tu proyecto corre en Node.js (ej. en el puerto 3000 o 5173):
- Abre el simulador en:
http://localhost:3000/device-simulator/index.html
- Digita la URL local en el buscador del simulador.