Voltar ao blogue

Como abrir um ficheiro HTML no iPhone e no iPad

Recebe um ficheiro .html por email, ou encontra um no Ficheiros depois de descompactar um arquivo. Toca-lhe e, conforme os casos, não acontece nada, abre numa pré-visualização com texto simples, ou o Safari mostra-o sem qualquer formatação. O ficheiro não está estragado: o iOS simplesmente não sabe o que fazer com uma página web que vive no dispositivo.

Porque o iOS tropeça no HTML local

Um navegador foi feito para ir buscar páginas a um servidor. Quando a página já está aqui, no seu dispositivo, surgem dois problemas.

O primeiro é que quase nenhum site é um único ficheiro. É uma pasta: a página chama uma folha de estilos, um diretório de imagens, por vezes JavaScript, e aponta para outras páginas. Abrir apenas o ficheiro .html é como ler um livro de que se guardou o texto e se deitou fora a paginação.

O segundo é que a caixa de areia do iOS isola as apps. Uma app que abre o seu ficheiro não tem necessariamente permissão para ler a pasta em redor, pelo que os recursos vizinhos ficam inacessíveis mesmo estando mesmo ao lado.

As quatro formas de abrir HTML no iOS

1. A pré-visualização do Ficheiros

Rápida, já instalada, nada a fazer. Trata porém o ficheiro isoladamente: estilos ausentes, imagens em falta, ligações internas que não levam a lado nenhum. Chega para verificar que um ficheiro contém alguma coisa, não para o ler.

2. Convertê-lo antes de enviar

Transformar a página em PDF a partir de um computador antes de a transferir funciona, e dá um documento perfeitamente legível no iPhone. Mas perde a navegação entre páginas, e é preciso repetir a operação a cada atualização. É uma solução para um documento congelado, não para uma documentação.

3. Colocá-lo num servidor

Publicar o site algures e consultá-lo com o Safari dá um resultado perfeito. É também o único caso em que o seu conteúdo sai do dispositivo, o que se torna um problema assim que se trata de material de cliente ou de trabalho por lançar. Tratamos esse compromisso em ler um site local sem montar um servidor web.

4. Uma app que lê a pasta

A última opção é uma app feita para isso, que abre a pasta inteira e resolve os caminhos relativos como o faria um navegador.

Abrir um ficheiro HTML com o Pagira

O Pagira abre uma pasta de site completa ou um ficheiro solto, no iPhone e no iPad.

  1. Instale o Pagira a partir da App Store.
  2. No Ficheiros, toque no ficheiro ou na pasta e escolha Abrir com o Pagira.
  3. A página aparece com o seu layout, as suas imagens e os seus estilos. As ligações internas funcionam.

Se tiver a pasta completa, abra a pasta em vez do ficheiro: é isso que permite encontrar as folhas de estilos e as imagens. O detalhe está na página abrir sites locais completos.

O caso dos arquivos ZIP

Um site chega muitas vezes comprimido. Descompacte o arquivo no Ficheiros, algo que o iOS faz nativamente com um toque longo, e abra depois a pasta obtida. Abrir o .html diretamente a partir do arquivo nunca dará um resultado correto, já que os ficheiros vizinhos ainda não estão extraídos.

E os PDF pelo meio

Muitas pastas misturam páginas HTML e documentos PDF, com ligações de uma para o outro. Uma ligação para um PDF abre na mesma app, e um deslize traz de volta à página de origem. Ver o leitor de PDF integrado.

Perguntas frequentes

Porque é que o meu ficheiro abre sem formatação?

Porque a folha de estilos não foi encontrada. Vive quase sempre num ficheiro separado, muitas vezes numa subpasta. Abra a pasta inteira em vez do ficheiro solto.

O JavaScript funciona?

Sim. As páginas interativas comportam-se como esperado, o que conta numa documentação com navegação dinâmica ou numa página que desenha algo no ecrã. Ver o suporte de CSS e JavaScript.

O meu ficheiro é enviado para algum lado?

Não. Tudo corre no seu dispositivo, sem servidor e sem conta. É a diferença de fundo face a um serviço online que mostra as suas páginas.

Posso abrir um ficheiro recebido por email?

Sim, pela folha de partilha. Se o anexo for um arquivo, guarde-o primeiro no Ficheiros e descompacte-o.

E no iPad?

Os passos são idênticos. Uma só app cobre iPhone e iPad, com uma interface adaptada aos dois.