2010-06-23 13 views
5

Necesito desarrollar un sitio web que se utilizará exclusivamente en iPhone y iPad. No tengo esos dispositivos, tampoco tengo una Mac.Desarrollar un sitio web para un iPhone sin tener iPhone/Mac

¿Cuáles son las posibles soluciones gratuitas para que pueda probar el sitio web durante el desarrollo?

El most obvious one sería utilizar un SDK iPhone, pero ya que cuesta 100 $/año pero ya que sólo está disponible para Mac, no es una solución en mi caso.

+5

Su información es incorrecta, el iPhone SDK es gratuito, pero sólo está disponible para Mac. –

+1

y un mac corriendo leopardo de las nieves –

Respuesta

1

Download Safari 5 for Windows, activar las funciones del menú de desarrollador y cambiar el agente de usuario de Mobile Safari del iPad o iPhone Safari Mobile. Esto le permitirá ver cómo se ve su sitio web cuando lo presenta un iPad o iPhone. Simplemente reduzca la ventana para obtener la experiencia completa.

Si las predicciones de los analistas son correctas, pronto habrá una gran cantidad de dispositivos iPhone 3G en eBay, ya que muchas personas son elegibles para actualizarse al iPhone 4 mañana. Elegir un 3G barato puede ser la mejor solución para sus requisitos de prueba.

O puede probarlo en una Apple Store si su sitio web es accesible a través de Internet o está disponible en una computadora portátil con una conexión WiFi ad-hoc.

+0

Usar Safari y cambiar a Mobile Safari me parece la solución más fácil y rápida. Y parece dar el resultado esperado, incluso si existen algunas diferencias (como Flash está habilitado). ¡Gracias! –

1

Puede probar su sitio web en cualquier navegador, pero sí, el navegador móvil probablemente se comporte diferente en algunos puntos.

Si no puede encontrar un mobile web browser simulator para iPhone que la alternativa "más barata" probablemente sea un iPod touch.

Actualización:

Es posible que desee echar un vistazo a iBBDemo:

iBBDemo2 - Cruz Plataforma iPad y iPhone Simulador

1

Usted podría tratar de usar algo como:

www.testiphone.com/

+0

¿Hay algún riesgo de seguridad si se desarrolla para una aplicación de intranet y prueba en el sitio anterior? – Rod

0

hay algunas cosas obvias aquí:

1) trabajan muy duro para hacer que su sitio de trabajo en todos los principales navegadores - incluyendo Safari y otros dispositivos móviles que no sean iPad ... Esto le permitirá asegurarse de que funciona bien en pantallas más pequeñas.

2) Lea sobre las fallas técnicas conocidas en estos navegadores y vea si puede evitarlas.

3) Siempre que esté con amigos mostrando su iPad, o que tenga un iPhone, solicite probar su sitio en él.

+1

"Necesito desarrollar un sitio web que se utilizará exclusivamente en iPhone y iPad". – Emil

+1

¿y qué? no puedes probar en otros navegadores? ¿Cómo puede evitar que un sitio web no se use en otros dispositivos? Esa es una idea realmente estúpida. –

+0

Los navegadores móviles iPad e iPhone tienen algunas características exclusivas para esos dispositivos. – JBRWilkinson

0

Necesito desarrollar un sitio webque será utilizado exclusivamente en el iPhone y el iPad

Esto parece una mala idea. si solo se usa en iPad/iPhone, seguramente debe escribir una aplicación y obtener todos los beneficios de la interfaz de usuario, etc.

+1

Si el póster está escribiendo un sitio de intranet para clientes corporativos, esto es completamente razonable ya que puede ser información comercialmente confidencial que no es apropiada para poner en la App Store. – JBRWilkinson

+0

¿Y sabe que sus clientes solo usan teléfonos Apple? A menos que trabaje para Apple, lo dudo :) Pero está bien, es justo señalar que las aplicaciones no son adecuadas para los datos internos. –

+0

De hecho, soy consciente de que es una mala idea (es un sitio web, no una intranet). Pero las especificaciones del sitio web están escritas por otra persona, por lo que espero que tenga algunas razones serias para elegir el sitio web sobre la aplicación y para apuntar solo a usuarios de iPhone/iPad e ignorar a los demás. –

-2

Los sitios web no deben vincularse a dispositivos específicos.

Esto no es 1998: Best viewed in I.E. De hecho, su sugerencia es peor que eso.

Si realmente desea un sitio web que solo funcione en esos dispositivos, deberá verificar la cadena de agente de usuario, pero html es html y, a diferencia de lo que Apple quiere que crea, funciona igual de bien en Symbian , Blackberry, Android, S40, Windows, Windows Mobile, etc. etc.

(De hecho, funciona mejor en Symbian Symbian como en realidad es compatible con Flash.)

+3

El OP específicamente solicitó información sobre cómo desarrollar sitios exclusivos para iPad/iPhone, no si esta era una buena idea, moral o políticamente. – JBRWilkinson

+1

Así es como piensan los desarrolladores offshore ... no se hacen responsables y simplemente hacen lo literalmente exacto en la especificación. No es una mala idea moralmente, es una mala idea técnicamente. –

+2

@John: y sin embargo, esa es la realidad del desarrollo profesional. Usted ha sido contratado para entregar una especificación, usted entrega esa especificación. Si tuviste entrada para dar, deberías haberla dado cuando fuiste introducido por primera vez a la especificación. –

1

recomendamos que utilice jsconsole

remotamente depurar una aplicación web para móviles

jsconsole.com es una sencilla herramienta de línea de comandos JavaScript. Sin embargo, también ofrece la posibilidad de conectarse a otras ventanas del navegador para controlar y depurar remotamente esa ventana, ya sea en otro navegador u otro dispositivo.

De hecho, la depuración de la aplicación web móvil es tan malditamente difícil, que me rendí y decidí construir esta misma herramienta en su lugar. Vea los ejemplos de videos si prefiere ver esto en acción ahora.

Creación de una sesión

Para crear una nueva sesión, en el símbolo del jsconsole, simplemente ejecute:

:listen 

Esto dará lugar a una clave única a lo largo de las líneas de FAE031CD-74A0-46D3-AE36- 757BAB262BEA. Ahora el uso de esta clave única, incluir una en cualquier parte de la aplicación web que desea depurar:

<script src="http://jsconsole.com/remote.js?FAE031CD-74A0-46D3-AE36-757BAB262BEA"></script> 

ahora ninguna llamada a console.log de su aplicación web se mostrará el resultado en la sesión jsconsole que está escuchando en su llave. Del mismo modo, si ejecuta un comando en la sesión de jsconsole, el código se inyectará en su aplicación web y el resultado se devolverá a jsconsole.

Además de generar un nuevo código con: escuchar, también puede pedir jsconsole para escuchar un código predefinido (pero para su propia seguridad, tratar de elegir algo único que sólo usted sabe):

:listen FAE031CD-74A0-46D3-AE36-757BAB262BEA 

Ahora puedo usar la misma clave remota en mi aplicación web para evitar tener que volver a generar un código nuevo cada vez. Tenga en cuenta que solo el último cliente remoto (es decir, su aplicación web) que se conectará a jsconsole recibirá llamadas de depuración remota; las ventanas anteriores se ignorarán.

Para saber cuándo la aplicación web se ha conectado, jsconsole le notificará al mostrar su la cadena userAgent para el dispositivo:

:listen FAE031CD-74A0-46D3-AE36-757BAB262BEA 
Creating connection... 
Connected to "FAE031CD-74A0-46D3-AE36-757BAB262BEA" 
Connection established with Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-GB; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 

Una palabra de advertencia

Tenga en cuenta que esta técnica también está inyectando código directamente en su aplicación web: esta herramienta solo debe usarse para la depuración. No puedo respirar por cómo usas esta herramienta, básicamente: ¡ten cuidado!

El apoyo actual conocida

La depuración remota ha sido desarrollado para trabajar en todas las plataformas, incluso si la tecnología no es compatible. Sin embargo, la depuración remota jsconsole ha probado específicamente y trabajando en el seguimiento de dispositivos móviles (no dude en añadir a esta lista):

  • iOS 4.2.x - IPAD, iPhone 4

  • Andriod 2.2.2 - Nexus One

  • webOS Palm Pre -

Hay algunos ejemplos de vídeo demasiado

información más detallada por favor ver los siguientes enlaces: http://jsconsole.com/remote-debugging.html

Cuestiones relacionadas