Versión Mobile

**picapiedra** · 12/12/2010, 02:36

Buenas a todos los usuarios de bloodzone, rápidamente entro al tema. Ahora con la tecnologia y los smartphone últimamente varios de los foros que suelo visitar están haciendo una versión mobile. Y esa es mi sugerencia, hacer una versión mobile para bloodzone ya que ver el foro en este formato es algo complicado.

Saludos y espero lo tomen en cuenta

**oizo** · 14/12/2010, 00:51

Ya existe un topic referente a la idea que das.

Revisa este enlace: Bloodzone en Moviles

**picapiedra** · 14/12/2010, 14:46

Iniciado por oizo

Ya existe un topic referente a la idea que das.

Revisa este enlace: Bloodzone en Moviles

Si lo leí pero ahí hablan de tapatalk, y a lo que yo me refiero es hacer el site en formato para smartphones. Por ejemplo normalmente para el site El Comercio la dirección comienza con www. Xxxxxxx.xxx pero en su versión móvil empieza con m.Xxxxxxx.xxx. Y no necesitas ningún programa o pulggin solo tu explorador, a eso me refiero yo. A menos que sea lo mismo si es así por favor desasnenme :)

**picapiedra** · 10/04/2011, 20:45

Buenas insisto un poco en mi pregunta, sin exigir nada claro está.
Que tan probable es introducir este formato al foro a corto plazo:

Receta para convertir tu sitio web a mobile web

Como dije, esta receta no es solo para desarrolladores. Si no entendés de programación, pero de vos dependen los desarrollos de la versión mobile de tu sitio web, entonces tenés un programador en tu equipo a quien pasarle la receta y el sabrá qué hacer. Lo importante es que sepas que es fácil y rápido. Aunque tu programador se niegue a admitirlo facilmente :)

Primero, convengamos que tu sitio web es capaz de un mínimo de inteligencia y de ahora en más refirámonos a él directamente
como aplicación. Como tal, tu aplicación debe ser capaz de discernir visitantes en plataforma mobile de los que son visitantes de plataforma wide-screen. Por medio de esta expresión regular:

if (($ENV{HTTP_USER_AGENT} =~ /(iphone|android|blackberry|ipod|opera mini|pre\/|palm os|palm|hiptop|avantgo|plucker|xiino|blazer|elaine |iris|3g_t|
windows ce|opera mobi|windows ce; smartphone;|windows ce; iemobile|mini 9.5|vx1000|lge |m800|e860|u940|ux840|compal|wireless| mobi|ahong|lg380|lgku|lgu900|lg210|lg47|lg920|lg84 0|lg370|sam-r|mg50|s55|g83|t66|vx400|mk99|d615|d763|el370|sl90 0|mp500|samu3|
samu4|vx10|xda_|samu5|samu6|samu7|samu9|a615|b832| m881|s920|n210|
s700|c810|_h797|mobx|sk16d|848b|mowser|s580|r800|4 71x|v120|rim8|
c500foma:|160x|x160|480x|x640|t503|w839|i250|sprin t|w398samr810|
m5252|c7100|mt126|x225|s5330|s820|htil-g1|fly v71|s302|-x113|novarra|
k610i|-three|8325rc|8352rc|sanyo|vx54|c888|nx250|n120|mtk |
c5588|s710|t880|c5005|i;458x|p404i|s210|c5100|tele ca|s940|c500|s590
|foma|samsu|vx8|vx9|a1000|_mms|myx|a700|gu1100|bc8 31|e300|ems100|
me701|me702m-three|sd588|s800|8325rc|ac831|mw200|brew|d88|htc\/|
htc_touch|355x|m50|km100|d736|p-9521|telco|sl74|ktouch|m4u\/|me702|
8325rc|kddi|phone|lg|sonyericsson|samsung|240x|x32 0|vx10|nokia|sony
cmd|motorola|up.browser|up.link|mmp|symbian|smartp hone|midp|wap|
vodafone|o2|pocket|kindle|mobile|psp|treo)/i) &&
($ENV{HTTP_USER_AGENT} !~ /(ipad)/i)) {

$is_mobile = 1;

} else {

$is_mobile = 0;

}

Como ves en la expresión, se intenta dar soporte a equipos mínimos, además de smartphones robustos. Si no deseas incluir equipos de baja gama simplemente eliminalos de la expresión, así de fácil. Sólo acordate de eliminar tambien el caracter pipe “|” que tiene a su izquierda
para no romper la expresión. Nótese además que a los efectos del rendering, tratamos al iPad como pantalla ancha no pequeña. Si no estás de acuerdo, elimina la parte del iPad. Una vez que tu aplicación sabe cuáles visitantes usan dispositivos móviles, entonces podés
crear bloques de en tus páginas como este:

if ($is_mobile) {

<link rel="stylesheet" type="text/css" href="/mobile.css">

} else {

<link rel="stylesheet" type="text/css" href="/wide.css">

}

Luego, debes ajustar la declaración DOCTYPE en todas tus páginas HTML, por esta:

if ($is_mobile) {

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"

"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

} else {

# la que uses ahora

}

Esto es necesario para que tu aplicación no se vea como miniatura en la pantalla pequeña. Con esta declaración DOCTYPE tu página
se convertirá en legible y dejará de ser la espantosa miniatura.

Community

Acciones del foro

Enlaces

Extras

Versión Mobile

LinkBack

Herramientas

Visualizar

Versión Mobile

Re: Versión Mobile

Re: Versión Mobile

Re: Versión Mobile

Temas similares

vendo SIDEKICK 3 T-MOBILE

Tutorial Msn Mobile

Age of Empires 2 Mobile

Msn Mobile

Permisos de publicación