DW 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:
statusbar_prefs.jpg

Con las nuevas medidas creadas, podremos ver un tamaño más aproximado:
iphone_safari.jpg

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’):
code_inspector.gif

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!).