• Tutoriais

  • Colocar Iframe para exibir o app no Descktop

Esse é um código solicitado por alguns que mostra como exibir o app dentro de um pequeno dispositivo virtual quando o app é acessado pelo computador, e ao mesmo tempo quando é acessado por um telefone ele não mostra.
Para usar, suba o código abaixo na sua hospedagem:

iframe.zip
2MB

Descompacte o código.
Vai aparecer algumas pastas e alguns arquivos.
Dentro da pasta app é onde você vai colocar seu aplicativo feito no bootblocks.
Basta baixar o código no bootblocks e descompactar o codigo dentro da pasta app.

Na pasta img tem uma imagem com o nome fundo.png que é a imagem que aparece quando o usuário acessa em uma tela maior como um computador. Para trocar a imagem basta subir outra com o mesmo nome e extensão (.png). Para ver a alteração da imagem aperte Ctrl + F5 ou limpe o cache do navegador.

Resultado:

5 meses depois

Criei uma versão com a tela inteira mas com a largura máxima configurável.
Para isso use o arquivo abaixo:

iframe.zip
2MB

O processo é o mesmo, sobe pra hospedagem e descompacta. Depois adiciona os arquivos do bootblocks dentro da pasta app. A única diferença é que você terá que configurar o arquivo config.json com a largura máxima, cor de fundo hexadecimal e o título da página: (pode editar na hospedagem mesmo)

O resultado será similar a esse:

8 meses depois

Subi o site para infinity free para teste e estou com os seguinte problema:
01- O iframe aparece normalmente mas o site não carrega dentro do telefone

    4 dias depois