Enviar URL para telemóvel com QR Code

qr codeEu costumo com alguma frequência abrir links no telemóvel que estou a ver no computador.
Faço isso para testar versões móveis de sites que eu faço ou outros sites interessante.

Problema
É chato e mais trabalhoso escrever num telemóvel do que num computador, principalmente se for um link cumprido.

Solução
Existem algumas aplicações que enviam Urls e outras coisas para o telemóvel e vice versa. Mas a maioria exige ter uma aplicação instalada no computador.
Queria uma solução mais simples por isso desenvolvi uma à media com a tecnologia QR Code.

Como funciona.

Em qualquer browser basta clicar num marcador para este gerar em JavaScript o QR Code com a Url da pagina que estamos a ver.
De seguida usamos uma aplicação no nosso telemóvel para ler o código e abrir instantaneamente a pagina.

Como usar.

  1. Arrastar para a barra de favoritos/marcadores do navegador o seguinte link: URL to QR code
  2. Instalar aplicação de leitura de QR Code no telemóvel. Para iPhone aconselho a i-nigma por ser rápida, simples e grátis. Para Android existem várias no Market
  3. Clicar no recém arrastado link “Url to QR code” e automaticamente será criado um QR Code da página aberta.
  4. Usar a aplicação do telemóvel para ler o código e a página será aberta sem ser necessário escrever o link

O código que eu criei

O código funciona da seguinte maneira:
Em javascript leio a URL da página actual e envio para a api do google chart que gera a imagem com o QR Code.
Para não sair da página que estamos a ver, abro a imagem numa nova janela com o a função window.open;
Código do link

var qrwin = window.open("http://chart.googleapis.com/chart?chs=390x390&cht=qr&choe=iso-8859-1&chl="+location.href,"qrcode","menubar=0,resizable=0,width=400,height=400");

qrwin.focus(); 

void(0);

Mobile

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>