Jump to content
Mary Brezden

--SOLUCIONADO-- Como previsualizar mi Web para dispositivos moviles si estoy alojado en wampserver?

Recommended Posts

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 by Mary Brezden (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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! :wacko:

 

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  :)

Share this post


Link to post
Share on other sites

Esque la tengo en wampserver... de ahi mi complejidad y preocupacion, que tal si cuando la suba se ve mal! :wacko:

 

 

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

Share this post


Link to post
Share on other sites

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 by Arakiss (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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"

  • Like 1

Share this post


Link to post
Share on other sites

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!!   :P 

Share this post


Link to post
Share on other sites

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

 

9n9g.jpg

Share this post


Link to post
Share on other sites

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  :D

 

Nota:  Asi vi mi IP Pública:  http://cual-es-mi-ip-publica.com/

Edited by Mary Brezden (see edit history)

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More