Mejorar funciones de prueba de safari con extensiones

Al probar su sitio de comercio móvil de nuevo diseño, a veces es más fácil trabajar con lo que tienes. Si ya dispone de Safari o Chrome instalado en su ordenador, estás de suerte. Ellos hacen los sitios móviles de manera similar a la forma en que se prestan en un dispositivo iOS, y tienen herramientas de desarrollo integrado que puede ayudarle a solucionar su código.

Las extensiones de Safari Galería tiene programa de complementos que pueden ayudarle a probar su sitio web para móviles iPhone / iPad con mayor precisión en su computadora de escritorio.

En la siguiente lista son algunas extensiones de Safari para las pruebas web iPhone / iPad:

Cambiar el tamaño de mí añade una barra de herramientas que cambia automáticamente el tamaño de la ventana del navegador Safari para seis tamaños predefinidos, incluyendo 640 x 480 y 1024 x 768. Por desgracia, redimensionar mí todavía no soporta el 320 x 480 tamaño más pequeño del iPhone. (Siempre se puede cambiar el tamaño de la ventana a ti mismo en el ínterin.)
Combine el User Agent Switcher con Redimensionar Conmigo para obtener una buena idea de cómo un sitio se verá en una variedad de diferentes dispositivos móviles que utilizan Safari en un ordenador de sobremesa.
SafariSource: Uso de la extensión de Safari Fuente, se puede ver el código fuente detrás de cualquier página en la web con los beneficios de los números de línea y resaltado de sintaxis color. Usted puede incluso abrir el código fuente en una nueva pestaña con este plugin. Adición de los colores y los números de línea hace que sea más fácil encontrar errores y conflictos en su código.
Firebug Lite: Si usted es un diseñador de páginas web veterano, usted probablemente ya tiene la extensión Firebug. En caso de que no lo tiene, es un potente conjunto de herramientas para la visualización y HTML depuración, CSS y javascript. Con esta extensión instalada, puede modificar fácilmente el código para cualquier página que estás viendo en el navegador - una forma útil para probar y aprender.
Unicornio: La extensión del unicornio añade los validadores del W3C para CSS y HTML para el navegador web Safari. Aunque se puede probar cualquier página web en línea con los validadores en línea de la W3C, esta extensión hace que el proceso sea más rápido y más fácil.

La mayoría de las extensiones de Safari son libres, aunque algunos desarrolladores piden que usted dona dinero si te gusta cómo funcionan.

Sobre el autor

Comparar soluciones de pruebas de sitios web móviles

El principio más importante de entender cuando se prueba su sitio web para el iPhone y el iPad se puede resumir en un aforismo muy gastado: " En teoría, no hay diferencia entre la teoría y la práctica - pero en la práctica, no es ". Y lo mismo…

Crear un plan de pruebas de sitio móvil

Prueba temprana y la prueba a menudo - pruebas repetitivas es la clave para el desarrollo de un sitio para el iPhone y el iPad de forma rápida y con confianza. Creación de un plan de pruebas detallado es una adición importante a cualquier buen…

Diseño para el safari y navegadores cromo

Safari y Chrome son los navegadores WebKit, basado en el mismo WebKit desgarrarering motor, que controla cómo el navegador interpreta HTML, CSS y otros códigos. Todos los navegadores WebKit siguen las mismas reglas (por lo menos la mayor parte del…

Visualizar nuevo código html5 en muchos navegadores

Cuando te enfocas un diseño en el iPhone, iPod touch o iPad, usted tiene la ventaja de saber que sus visitantes van a utilizar el navegador web Safari. Se basa en el motor de renderizado WebKit, que puede rendir CSS 3, así como cualquier lata…

Anfitrión de video móvil en youtube

Para los diseñadores web para móviles que no quieren que luchar para descubrir nuevos léxicos enteras de las especificaciones técnicas, la opción más sencilla es dejar de YouTube, que se muestra en la figura, hacer todo el trabajo de organizar…

Cómo activar conmutador de agente de usuario en safari

Cuando usted está probando un sitio web destinado para el iPhone y el iPad en un ordenador de escritorio, si el script de detección de dispositivos en el servidor reconoce que está utilizando un navegador en un ordenador, que no muestra la…

Cómo diseñar para diferentes navegadores web

Aunque su público puede ser diferente, puede crear sitios web que se ven bien en Safari en el iPhone y el iPad, sin comprometer el diseño de la página cuando se ve en cualquiera de los navegadores web más populares en Internet.Si usted desea…

¿Cómo instalar las extensiones de pruebas safari

Safari o Chrome instalado en su equipo le ayudará a probar su sitio web destinado para el iPhone y el iPad. Ellos hacen los sitios móviles de manera similar a la forma en que se prestan en un dispositivo iOS, y tienen herramientas de desarrollo…

Cómo ahorrar espacio en la pantalla iphone

Al diseñar sitios web para la pantalla del iPhone relativamente pequeño, cada píxel es precioso. La secuencia de comandos que se muestra aquí está diseñado para desplazarse por la página automáticamente, ocultando la barra de direcciones y…

Cómo utilizar las herramientas de desarrollo de Safari en iOS

Activación de la consola de depuración en Safari en el iPhone, iPod touch o iPad le permite ver en HTML, errores de CSS y javascript directamente en el dispositivo. Esta es la forma más confiable para asegurar que usted no tiene problemas…

Insertar vídeo en una página web para móviles

Si aloja sus videos en su propio servidor web, puede incrustar en sus páginas utilizando etiquetas de vídeo, audio y fuente HTML. Si usted recibe sus vídeos a ti mismo, utilice una red de alta gama de distribución de contenidos (CDN), o un…

Prueba iphone diseños con safari

Lo más cerca que se puede llegar a tener Safari en un iPhone o iPad es Safari en un ordenador. Cuenta con algunas diferencias notables, incluyendo el tamaño de pantalla más grande que la mayoría de la gente utiliza en las computadoras y el hecho…

maniqui-es.com » Los medios de comunicación de Internet y sociales » Diseño y desarrollo web » IPhone & iPad diseño web » Mejorar funciones de prueba de safari con extensiones