Articles of safari

Como habilitar o iOS 5 Safari Reader no meu site?

Como funciona a function Reader do Mobile Safari no iOS 5? Como faço para ativá-lo no meu site. Como eu digo qual conteúdo da minha página é um artigo para acionar essa function?

Distinguir o Chrome do Safari usando jQuery.browser

Parece que o jQuery.browser é capaz de identificar facilmente o webkit a partir do 1.4. Mas como posso usá-lo para distinguir o Chrome do Safari (e vice-versa)?

window.open (url, ‘_blank’); não está funcionando no iMac / Safari

Eu construí uma página da web que permite selecionar um nome de página em uma lista suspensa e, em seguida, transfere o navegador para essa página. O código que faz a transferência é if (url){ window.open(url, ‘_blank’); } onde “url” é a página selecionada. Um log de console pouco antes da linha window.open imprime algo […]

Safari / Chrome (Webkit) – Não é possível ocultar a barra de rolagem vertical do iframe

Eu tenho um iframe em www.example.com que aponta para support.example.com (que é um CNAME para um domínio externo). Eu automaticamente redimensiono a altura do meu iframe para que o quadro não precise de nenhuma barra de rolagem para exibir a página da Web contida. No Firefox e IE isso funciona muito bem, não há barra […]

alterando programaticamente os valores de transformação do webkit em regras de animação

Eu tenho essa folha de estilo: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 1620px, 0px); } } Agora, gostaria de modificar o valor de 1620px dependendo de alguns parâmetros. Como isso: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, height*i, 0px); } […]

Selecionando texto em foco usando jQuery não funciona no Safari e no Chrome

Eu tenho o seguinte código jQuery (semelhante a esta pergunta ) que funciona no Firefox e IE, mas falha (sem erros, simplesmente não funciona) no Chrome e no Safari. Alguma idéia para uma solução alternativa? $(“#souper_fancy”).focus(function() { $(this).select() });

Desativar rolagem elástica no Safari

Eu só queria dobrar o efeito elástico de rolagem / ressalto no Safari (OSX Lion). Eu encontrei a solução para definir overflow: hidden para o corpo em css, mas como esperado, só desativa a barra de rolagem , por isso, se o site é “mais” do que a canvas, você não será capaz de rolar! […]

Bug do Webkit com `: hover` e vários seletores de irmãos adjacentes

O Safari e o Chrome, bem como o Opera e o Firefox, podem lidar com os seletores pseudo-class :hover e de irmãos adjacentes: a:hover + div {} Isso funciona. No entanto, quando outro irmão adjacente é adicionado: div:hover + a + div {} O Webkit se desfaz. No entanto, se você passar primeiro e depois […]

Evitando o cache no botão de voltar no Safari 5

A partir do recente safari 5 foi lançado, e acaba por causar alguns problemas para o meu site. Eu tenho um site dynamic executando ASP clássico (embora isso não deve importar muito) e o site tem algum uso criativo da pilha de histórico. Por exemplo, você pode estar em uma página que lista produtos, em […]

A reprodução automática de vídeos não está funcionando no navegador de desktop Safari e Chrome

Passei bastante tempo tentando descobrir por que o vídeo é incorporado como aqui: começa a ser reproduzido automaticamente quando a página é carregada no FireFox, mas não pode fazer autoplay nos navegadores baseados em Webkit. Isso só aconteceu em algumas páginas aleatórias. Até agora não consegui encontrar a causa. Eu suspeito que algumas tags não […]