Marcio Trindade

Versão para Iphone

Mais uma novidade para o blog. Desta vez foi a versão para o iPhone. Como o blog está utilizando “page_cache” não quis mudar e fazer uma versão só pra iPhone então fiz o mais simples, apenas trabalhei com javascript e css.

A primeira coisa que eu fiz foi identificar se o usuário estava vindo de um iPod ou iPhone procurando pelas palavras “Safari” e “Mobile” como sugere a própria Apple.

Feito isso criei uma condição e utilizando o plugin Include do Alexandre Magno para adicionar um css dinamicamente e sob a condição a cima, o resultado ficou assim.

example.js
if (navigator.userAgent.match(/(Mobile\/.+Safari)/i)){
  $.include("/stylesheets/iPod.css");
}

Depois o único trabalho foi sobrescrever algumas propriedades css no arquivo iPod.css para que a versão do mesmo ficasse simples e fácil pra ler nos aparelhos da maçã. Abaixo uma imagem para mostrar como ficou.

DataTables