Em outubro de 2010 , a web móvel é um mercado enorme e rápido crescimento . A maioria dos desenvolvedores PHP quer, eventualmente, fazer seu site adequado para telefones. Telefones modernos podem visualizar páginas feitas com HTML , como páginas web normais. No entanto, eles têm diferentes tamanhos de tela e diferentes capacidades , em comparação com um computador padrão , então você tem que criar suas páginas para dispositivos móveis de forma diferente. Você precisa saber quando um visitante está usando um telefone celular para que você possa redirecioná-lo para o seu especialmente concebidos páginas móveis Instruções
criar um espelho móvel do seu site
1
Criar uma versão regular de sua página web e uma versão móvel . Para este tutorial , crie uma página de amostra de cada tipo. Primeiro, use o seu editor de texto favorito para criar um arquivo chamado " example.php " e coloque o seguinte código HTML nele :
Olá, mundo !
href="mobile_example.php"> Ir para o celular site < /a >
Esta página exibirá " Olá, mundo!" em muito grande de texto. Em um computador , será fácil de ler. Em um telefone , ele irá sobrecarregar a tela. . Então, você precisa criar uma versão mobile-friendly desta página
2
Faça um novo arquivo no seu editor de texto , chamá-lo de " mobile_example.php " - e colocar esse código HTML nele :
Olá, mundo mobile!
href="example.php"> Ir para o site padrão
< /html >
Esta versão irá exibir "Olá, mobile World ! " no tamanho de texto padrão do telefone.
3
Envie os dois arquivos para a pasta de topo do seu site. Função de upload de arquivos do seu serviço de hospedagem Use FTP ou para fazer isso.
Detectar se o usuário está em um telefone
4
Baixe e instale o módulo PHPBrowsCap . Vá para a página de download PHPBrowsCap e baixar o arquivo zip. Dê um duplo clique no arquivo zip para descompactá-lo . Dentro haverá uma pasta chamada " phpbrowscap ". Dentro dessa pasta será um outro chamado " browscap ". Crie uma nova pasta dentro de " browscap " chamado " cache" - . Então fazer o upload " browscap " para a pasta de topo do seu site
Este módulo permite-lhe obter informações úteis sobre navegadores dos seus visitantes . PHP tem uma função built-in chamado " get_browser ()" que faz a mesma coisa . Mas " get_browser () " não funciona para a maioria dos sites hospedados , e as pessoas com hospedagem na web padrão não são capazes de fazer as mudanças necessárias para tornar " get_browser ()" para o trabalho. PHPBrowsCap substitui " get_browser ()" com algo que você é capaz de modificar e atualizar como você precisa.
5
Criar um código de detecção de navegador móvel . Você pode escrever o código em seu próprio arquivo separado, ou digite-o no topo do seu arquivo example.php
Inicie a classe PHPBrowsCap com este código: . ?
require ' browscap /Browscap.php ';
$ browscap = new browscap (' browscap /cache ');
isso nos dará um objeto PHPBrowsCap que podemos usar . Em seguida, obter informações sobre o navegador do usuário com este código:
$ users_browser = $ browscap -> getBrowser ();
Nós
agora tem um objeto que contém uma grande quantidade de informações sobre o usuário do navegador . Em seguida, detectar se o usuário estiver em um telefone. Se eles estão em um telefone, redirecioná-los para a versão móvel do nossa página . Se eles não estão em um telefone, não fazer nada.
If ($ users_browser -> isMobileDevice ) {
$ caminho = explode ( '/', $ _SERVER [" SCRIPT_NAME "] ) ;
$ pagename = $ caminho [ count ( $ path ) - 1 ];
header (" HTTP/1.1 301 Movido permanentemente ");
header ( "Location . : mobile_ "$ pagename );
}
>
6
Adicione o seu código de detecção para o topo da example.php e enviá-lo para o seu ? site.
7
Teste o seu trabalho. Visite example.php no seu computador e você deve ver a sua página web com "Olá, mundo!" no grande texto . Se você visitar example.php no seu telefone você deve ser redirecionado para " mobile_example.php " e vai ver "Olá, Mobile World ! " em sua tela.
Tente este tutorial com outros nomes de arquivos também. Faça uma página web PHP regular e , em seguida, uma versão móvel da mesma página . Nome da versão móvel " mobile_ " seguido do nome da versão standard. Coloque o seu código de detecção no topo de cada página versão padrão. O redirecionamento para a versão móvel deve funcionar para cada par de páginas.