Safari en iPhone y DW
11 de Septiembre de 2008 Autor: Andres Cayon Archivado en Dreamweaver, TutorialesDW CS4 incluye WebKit como motor de renderizado para las vistas en vivo. Curiosamente es el mismo motor que utiliza Safari (y ahora también Google Chrome, además de Adobe AIR).
Esto nos proporciona por una parte la ventaja de que no será complicado diseñar para ambos navegadores, ya que lo que obtengamos con la vista en vivo en DW será exactamente lo que veamos en cualquiera de ellos (incluido el soporte de css y javascript).
Sin embargo, el tamaño de pantalla del iPhone nos puede suponer una pequeña incomodidad a la hora de previualizar. Existen sin embargo un par de pequeños trucos que conviene recordar que facilitarán el trabajo.
1.- Redimensiona las ventanas:
Es una buena idea crear 2 nuevas medidas de ventana que emulen las posiciones vertical y apaisada del iPhone, para hacernos una idea en cuanto al tamaño. Puedes crearlas desde Edición->Preferencias->Barra de Estado:
![]()
Con las nuevas medidas creadas, podremos ver un tamaño más aproximado:
![]()
2.- Edita código más fácilmente:
El problema de utilizar ventanas tan pequeñas es que la vista código también reduce su tamaño para ajustarse a dichas medidas. sin embargo, siempre nos quedará F10 (inspector de código). De esta manera podremos trabajar en el diseño en una ventana pequeña y ver el código en un panel de medidas ‘normales’):
![]()
Me gustaría volver a recordarlo: Los nuevos navegadores basados en WebKit serán un problema menor a la hora de trabajar y probar con DW CS4. Toda una ventaja (al fín!).
Andres, sabes que soy tambien fan de DW para todo lo que a diseño web se refiere y las caracterÃsticas que propones son muy útiles. Solo querÃa recomendarte que ultimamente para diseño web en iPhone me ha sido de gran utilidad Aptana con su plugin de desarrollo para iPhone.
Si, si, tu da pistas. Ahora solo falta que el cliente de turno me diga que quiere que su web también se vea en su Iphone xDD
Me da a mi que Andrés si habla del iphone es porque le ha tocado lidiar con el por motivos externos, no de manera directamente voluntaria… me equivoco?
No me digas que se ha comprado un Iphone !
No, simplemente salió el tema en un foro y me pareció curioso.
No me compro yo un iphone ni loco. ¡Yo quiero que Palm saque algo presentable!
Si te soy totalmente sincero, tuve en mis manos no hace mucho un Ipod touch y me sorprendió gratamente tanto por lo sensible de sus pantallas al contacto como por la rápidez a la hora de abrir pantallas. Ampliar una foto o navegar y ampliar el navegador con dos dedos es rápido y cómodo.
Y bueno, yo ahora tengo un htc touch con Windows Mobile, y estoy bastante contento, aunque con estas cosas como uno coja el vicio, y empiecen los caprichos cada vez que sale un modelo nuevo, estamos apañados !
No pensaba que fuera porque lo compraras, sino porque te hubiera caÃdo algún chollete para alguien, es que lo que posteaste el otro dÃa de si median lo mismo las dos pantallas en horizontal y vertical… imagino que iba por ese mismo tema, y me pareció mucha curiosidad para algo propio. Ya veo que eres un esforzao :)