2010-04-07 14 views
11

¿Cómo depuro un sitio web que se ve raro en Opera Mini? El sitio funciona bien en cualquier otro navegador.¿Cómo depurar en Opera Mini?

+0

es el público en el sitio? Si es así, ¿cuál es la URL? –

Respuesta

12

Por desgracia, no conozco ningún recurso dedicado sobre cómo depurar un sitio web con Mini, aunque hay algunos artículos relacionados en http://dev.opera.com que pueden ser de ayuda. El artículo más reciente es A developer's look at Opera Mini 5, pero Making Small Devices Look Great y Designing With Opera Mini in Mind también deberían ser particularmente útiles.

En general, compruebe cómo se ve un sitio en Opera Desktop y use Opera Dragonfly para la depuración. Otra buena herramienta para la depuración es MicroEmulator cuando se utiliza con una versión descargada localmente de Opera Mini y una máscara redimensionable.

Además, hay una url especial en Mini que le permite acceder a la consola de error de ECMAScript: simplemente escriba "debug: console" en el campo url. Puede combinar esto con llamadas a opera.postError() en la versión de desarrollo de su sitio para publicar cualquier cadena en esa consola. Sin embargo, no mostrará las etiquetas html.

Probablemente podría ayudarlo mejor si tuviera una pregunta más específica.

2

También hay un simulator in Java que puede ayudar.

+0

No es así. No hay "fuente de vista" :) – n1313

+3

Opera Mini no tiene "fuente de vista": obtiene una versión precompilada de la página de un servidor de Opera. – fuxia

+1

Y este es el principal problema en la depuración en Opera Mini. – n1313

1

Usted puede hacer remote debugging of Opera Mini (o cualquier Presto basada en -motor instancia del navegador en cualquier dispositivo; ordenador, teléfono inteligente, una consola de set-top, SDK) a través de Opera Dragonfly desde Windows, Mac o Linux. La consola Dragonfly es de código abierto y está integrada en Opera v10.5x.

+3

Creo que te refieres a Opera _Mobile_, no _Mini _... la primera se usa en teléfonos inteligentes y un montón de otros dispositivos, el último en teléfonos más antiguos habilitados para Java. –

9

Es posible visualizar el código HTML original de la página que está representado en Opera Mini para darle algunas pistas:

Ver fuente de la página

Es posible obtener un volcado de la fuente de la página actual ingresando server:source en la barra de direcciones de Opera Mini. Esto muestra el árbol DOM actual del servidor Opera Mini. Dado que leer la fuente desde la pantalla de un teléfono celular o incluso un microemulador ampliado no es muy agradable, hay una forma aún mejor de obtener el código fuente de una página: publicarlo en un servidor web ingresando server:source?post=http://your.server.com/script en la barra de direcciones de Opera Mini, donde script archivo que se pasa, los datos de la publicación manejarán la solicitud, por ej. almacenando la fuente en una base de datos, o guardándola en un archivo de texto. Los datos publicados incluyen los campos url, host y html.

+0

Otra forma conveniente de ver el tráfico, incluido el código fuente real que se entrega a su instancia de Opera Mini, es usar [ngrok - túneles introspectibles seguros para localhost] (https://ngrok.com/docs/2#expose). Esto es útil cuando se desarrolla en su caja local, y necesita que su código sea visible en Internet para que los servidores de Opera Mini lo vean y lo optimicen para el dispositivo. Luego puede usar el servidor local de ngrok para ver el código real que se entregó al dispositivo. No es exactamente "depuración", pero definitivamente es muy útil. – matty