Mary Brezden Posted September 10, 2013 Share Posted September 10, 2013 (edited) Buen día, Quisiera previsualizar mi web para dispositivos moviles antes de publicarla pero estoy alojada en wampserver (obviamente para hacer las debidas correcciones), de hecho, estuve buscando algunas opciones pero no estoy convencida ya que al parecer previsualizan pero haciendo tu pagina a ciertas medidas. Les anexo la pagina que encontre en donde puedes previsualizar pero no estoy convencida que funcionen del todo ya que me descuadra la pagina. http://ignaciosantiago.com/blog/web/lista-de-herramientas-para-probar-tu-pagina-web-en-dispositivos-moviles/ Alguien sabe como puedo revisarla de una forma más confiable? Edited September 25, 2013 by Mary Brezden (see edit history) 1 Link to comment Share on other sites More sharing options...
RicRey Posted September 10, 2013 Share Posted September 10, 2013 Buen día, Quisiera previsualizar mi web para dispositivos moviles antes de publicarla pero estoy alojada en wampserver (obviamente para hacer las debidas correcciones), de hecho, estuve buscando algunas opciones pero no estoy convencida ya que al parecer previsualizan pero haciendo tu pagina a ciertas medidas. Les anexo la pagina que encontre en donde puedes previsualizar pero no estoy convencida que funcionen del todo ya que me descuadra la pagina. http://ignaciosantiago.com/blog/web/lista-de-herramientas-para-probar-tu-pagina-web-en-dispositivos-moviles/ Alguien sabe como puedo revisarla de una forma más confiable? yo hice las pruebas con mi página y la verdad se ve exacto como se ve desde mi iphone, desde el ipad XD me parecieron muy buenas páginas Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 10, 2013 Author Share Posted September 10, 2013 yo hice las pruebas con mi página y la verdad se ve exacto como se ve desde mi iphone, desde el ipad XD me parecieron muy buenas páginas Que bueno que te sirvieron pero a mi me descuadra hacia la izquierda Link to comment Share on other sites More sharing options...
RicRey Posted September 10, 2013 Share Posted September 10, 2013 Que bueno que te sirvieron pero a mi me descuadra hacia la izquierda me pasas el link de tu página para verlo desde mi iphone y te mando una foto xD Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted September 10, 2013 Share Posted September 10, 2013 (edited) me pasas el link de tu página para verlo desde mi iphone y te mando una foto xD Creo que la la tiene en local, por lo dice en el titulo del tema y en su primer mensaje. xD (Wamp == http://www.wampserver.com/en/ ) Edited September 10, 2013 by Sergio Ruiz (see edit history) Link to comment Share on other sites More sharing options...
RicRey Posted September 10, 2013 Share Posted September 10, 2013 Creo que la la tiene en local, por lo dice en el titulo del tema y en su primer mensaje. xD (Wamp == http://www.wampserver.com/en/ ) no me habia fijado xD... y como piensa verlo online si esta en local O_O Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 10, 2013 Author Share Posted September 10, 2013 me pasas el link de tu página para verlo desde mi iphone y te mando una foto xD Esque la tengo en wampserver... de ahi mi complejidad y preocupacion, que tal si cuando la suba se ve mal! Creo que la la tiene en local, por lo dice en el titulo del tema y en su primer mensaje. xD (Wamp == http://www.wampserver.com/en/ ) Si ahi la tengo, gracias por dejar la observación Link to comment Share on other sites More sharing options...
RicRey Posted September 10, 2013 Share Posted September 10, 2013 Esque la tengo en wampserver... de ahi mi complejidad y preocupacion, que tal si cuando la suba se ve mal! Si ahi la tengo, gracias por dejar la observación Por ello estoy buscando la forma pero supongo que no se puede, verdad? al parecer no es posible!, pero niña! podrías subirlo y poner la tienda en mantenimiento y dar acceso a ciertas IPS para pruebas y añades mi ip y podré chequear tu página web desde el movil y ver realmente si esta mal Link to comment Share on other sites More sharing options...
Arakiss Posted September 16, 2013 Share Posted September 16, 2013 (edited) http://www.responsinator.com/ | es bastante fiable , lo suelo utilizar en mis proyectos, el margen de error suele ser muy pequeño, no obstante tambien puedes utilizar una vieja herramienta, el addon web developer , tiene opciones muy interesantes, y una de ellas sirve para el responsive design. Incluso desde firefox mismo si presionas control+mayu+M , te permitira poner la resolucion que necesites para adaptarlo al movil/tableta/microondas/loquesea ... y esta si que es 100% fiable. | http://www.jquery4u.com/testing/firefox-responsive-design-view/ Te recomiendo que le eches un vistazo a las media queries por si tienes en mente "selecionar un determinado target" : http://cssmediaqueries.com/target/ Un saludo Edited September 16, 2013 by Arakiss (see edit history) 1 Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 16, 2013 Author Share Posted September 16, 2013 al parecer no es posible!, pero niña! podrías subirlo y poner la tienda en mantenimiento y dar acceso a ciertas IPS para pruebas y añades mi ip y podré chequear tu página web desde el movil y ver realmente si esta mal Ahorita ya estoy tratando de subir la pagina al host para ponerla en mantenimiento porque creo que desgraciadamente si esta desajustada hacia la izquierda, debo moverla a la derecha Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 16, 2013 Author Share Posted September 16, 2013 http://www.responsinator.com/ | es bastante fiable , lo suelo utilizar en mis proyectos, el margen de error suele ser muy pequeño, no obstante tambien puedes utilizar una vieja herramienta, el addon web developer , tiene opciones muy interesantes, y una de ellas sirve para el responsive design. Incluso desde firefox mismo si presionas control+mayu+M , te permitira poner la resolucion que necesites para adaptarlo al movil/tableta/microondas/loquesea ... y esta si que es 100% fiable. | http://www.jquery4u.com/testing/firefox-responsive-design-view/ Te recomiendo que le eches un vistazo a las media queries por si tienes en mente "selecionar un determinado target" : http://cssmediaqueries.com/target/ Un saludo Hola Arakiss, Mediante http://www.responsinator.com/ como en firefox lo hice y lo que me temia, mi pagina SI esta descuadrada hacia la izquierda, debo moverla toda hacia la derecha Te agradezco mucho yo espero entre hoy y mañana subir la pagina para ver que efectivamente esta descuadrada mi pagina y que mal porque llevo desde noviembre del año pasado haciendola y me salio esto.... en fin , ya les aviso en cuanto la suba por si alguien me ayuda a revisarla y si tienen alguna solucion se los agradecere enorme. Link to comment Share on other sites More sharing options...
Enrique Gómez Posted September 17, 2013 Share Posted September 17, 2013 De poder se puede dar acceso a la tienda local desde otro dispositivo. Tienes que conseguir hacer NAT de la aplicación web con el router, localizar tu Ip pública y la parte interesante es meter en el fichero de hosts (en windows) de tu dispositivo donde vas a ver la página un alias. En windows ese fichero es hosts.C:\Windows\System32\drivers\etc\hosts pones TU_IP_PUBLICA localhost suponiendo que con wamp trabajes con localhost. Cada sistema operativo tendrá su "sistema/fichero" 1 Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 17, 2013 Author Share Posted September 17, 2013 De poder se puede dar acceso a la tienda local desde otro dispositivo. Tienes que conseguir hacer NAT de la aplicación web con el router, localizar tu Ip pública y la parte interesante es meter en el fichero de hosts (en windows) de tu dispositivo donde vas a ver la página un alias. En windows ese fichero es hosts.C:\Windows\System32\drivers\etc\hosts pones TU_IP_PUBLICA localhost suponiendo que con wamp trabajes con localhost. Cada sistema operativo tendrá su "sistema/fichero" Hola Enrique! Eso me parecio maravillosamente interesante , veamos..... Por lo que entiendo hacer "NAT" es redirigir puertos, verdad? Siendo asi ya tengo mi IP pública ahora si wampserver (en donde estoy trabajando mi pagina web) esta alojado en mi pc windows y quiero saber como se ve en un iphone o una ipad cuales serian los pasos a seguir? Me podrias explicar paso a paso porfis? Muchas gracias!! Link to comment Share on other sites More sharing options...
Enrique Gómez Posted September 17, 2013 Share Posted September 17, 2013 Para poder editar el fichero "hosts" de iphone parece que hay que hacer un jailbreak (gracias apple!!) http://stackoverflow.com/questions/15115143/what-is-the-iphone-equivalent-to-the-windows-system32-drivers-etc-hosts-file, lo mas sensato es que de forma temporal cambies el dominio de la aplicación de localhost a tu ip_publica aunque posiblemente no podrás acceder de tu ordenador pero si desde fuera (luego lo dejas como estaba...). Entonces desde el back office puedes cambiar la url de la tienda tal y como se indica en la documentación oficial. "Log in to your back-office, go to the "Preferences" menu, select the "SEO & URLs" page, and in the "Set shop URL" section change the domain name to your new domain. Do the same for the SSL domain. In effect, this will update the "PS_SHOP_DOMAIN" and "PS_SHOP_DOMAIN_SSL" rows in the "ps_configuration" SQL table." Yo creo que debería funcionar, recuerda que la velocidad de la tienda no sera muy alta (dependerá de tu velocidad de subida de internet) Para abrir los puertos depende de tu router pero es facil encontra info buscando en google por tu modelo yo tengo este apartado Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 25, 2013 Author Share Posted September 25, 2013 (edited) Finalmente si se pudo , de hecho ahorita la estoy visualizando desde una ipad y iphone desde wampserver, como le hice? Pues Enrique Gómez posteo la solución solo tuve que seguir paso por paso y con mucha paciencia y me sirvio mucho poruqe pude editar la pagina para que quedara bien en dispositivos moviles! Muchas gracias a RickRey , Sergio Ruiz por interesarse en el post y mil gracias a Arakiss y Enrique Gómez por sus maravillosas contribuciones, espero que le sirva a otra usuaria tanto como a mi Nota: Asi vi mi IP Pública: http://cual-es-mi-ip-publica.com/ Edited September 25, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts