29
votos
Aceito
Maneira cross-browser de copiar texto para a Área de Transferência (Clipboard)
Suporte dos Navegadores
O suporte do Document.ExecCommand ('copy') tem crescido, dê uma olhada na lista dos suportados:
IE8+
Google Chrome 43+
Mozilla Firefox 40+
Opera 32+
IOS Safari 8.4+
...
24
votos
Maneira cross-browser de copiar texto para a Área de Transferência (Clipboard)
No meu caso particular, não é necessário criar um novo ClipboardEvent, pois eu estou tratando justamente de um evento de copy ou paste. Nesse caso, basta localizar o evento original, e atribuir o ...
17
votos
Quando usar Graceful Degradation e quando usar Progressive Enhancement?
Tecnicamente não há diferença
Com ambas as abordagens é possível implementar compatibilidade com qualquer navegador, em qualquer versão. A diferença entre elas é como de uma abordagem top-down ou ...
17
votos
Aceito
Requisição AJAX com JavaScript puro (sem APIs)
Com as novas APIs dos navegadores, ao invés de usar XMLHttpRequest, podemos usar a API fetch para realizar requisições HTTP assíncronas.
O uso de fetch é bem mais simples se comparado ao seu ...
15
votos
Maneira cross-browser de copiar texto para a Área de Transferência (Clipboard)
Experimente o clipboard.js.
Não usa Flash.
Não tem dependências.
Apenas 2kb.
Super fácil de usar.
15
votos
Aceito
Quando usar Graceful Degradation e quando usar Progressive Enhancement?
O @utluiz tem razão quando diz que tecnicamente não há diferença. O antagonismo entre os dois termos (não são técnicas, estão mais para filosofias) hoje não é tão forte quanto já foi, e é preciso ...
14
votos
Aceito
Animação CSS não funciona no Mozilla
O seu problema é um bug do Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1036761 - O problema é que o Firefox não consegue animar a propriedade CSS background adequadamente.
Assim sendo, ...
9
votos
Aceito
Identificar browser e sua versão
As informações sobre o browser do cliente se encontram na variável $_SERVER['HTTP_USER_AGENT']. Outros detalhes podem ser encontrados pela função get_browser().
Ao se usar o $_SERVER['HTTP_USER_AGENT'...
8
votos
Aceito
Tem como fazer feature detection pra CSS?
Sim, é possível fazer feature-detection de CSS, tanto usando JavaScript, quanto com CSS puro (nesse caso tem seus próprios problemas de suporte cross-browser).
Por JavaScript, você simplesmente checa ...
8
votos
Requisição AJAX com JavaScript puro (sem APIs)
Segue o exemplo abaixo:
try{
xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ...
6
votos
Identificar browser e sua versão
Olá, eu optei por trabalhar da seguinte forma:
Criei uma função para verificar o navegador e o SO
private function VerificaNavegadorSO() {
$ip = $_SERVER['REMOTE_ADDR'];
$u_agent = $_SERVER[...
5
votos
Aceito
-ms-flexbox e flexbox não funcionam no Internet Explorer
Cara realmente o "flex" não funciona no IE 9, ele funciona um pouco no IE 10 e só a partir do 11 que realmente funciona. Aqui você pode ver os navegadores e as versões que suportam.
Aqui tem um ...
5
votos
Como rodar arquivos .mkv em todos navegadores?
O HTML não suporta nenhum formato de vídeo, e o HTML5 não especifica quais formatos os navegadores devem suportar.
Cabe então aos navegadores decidir quais formatos eles escolhem suportar. ...
4
votos
Personalizar a mensagem do navegador para um campo "required"
Não pode ter a barra '\' dentro da mensagem.
Além disso, precisamos também eliminar a mensagem assim que o usuário fizer alguma correção no campo, então utilizamos o evento onchage:
Então o correto e ...
4
votos
Aceito
Internet Explorer em modo de compatibilidade para sites da Intranet - Como forçar para sempre renderizar como Edge?
Coloque a seguinte meta tag, logo após a tag <title>:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
Fonte
4
votos
Aceito
Verificação de Versões do Browser
Use o http://modernizr.com
Adicione ao header isto:
<script src="/js/vendor/modernizr.min.js"></script>
E no final da página isto:
<script>
// Detecta se o navegador é antigo
if(...
4
votos
-ms-flexbox e flexbox não funcionam no Internet Explorer
Existem três possíveis problemas
(acaso seja IE10 ou IE11) é que você não está usando o parâmetro de compatibilidade com o valor Edge, então adicione isto:
<meta http-equiv="X-UA-Compatible" ...
3
votos
Aceito
Quais caracteres não posso utilizar para nomes de cookies?
Nos nomes de cookies você deve utilizar qualquer caracter ASCII "imprimível" (! até ~ e Unicode \u0021 até \u007e), excluindo-se ,, ;, e =.
Para os valores, a regra é quase a mesma, exceto que é ...
3
votos
Aceito
Efeito Blur em diferentes navegadores
Sem usar nada além de CSS puro e um pouco de imaginação... Você pode sobrepor a imagem a ela mesma, em várias camadas. Torne todas as (exceto a mais inferior) um pouco transparentes. Agora desloque ...
3
votos
jQuery.preventDefault(), jQuery.stopPropagation() e jquery.StopImmediatePropagation()... sem jQuery!
.stopPropagation e .preventDefault são coisas diferentes.
Impedir o comportamento "por defeito" (default):
Quando eu preciso de bloquear uma ação do seu comportamento "default" em JavaScript puro ...
3
votos
Como tentar deixar um site compatível com os principais browsers?
Gilmar , a questão de manter compatibilidade com todos os browsers é muito ampla.
Sobre o funcionamento dos browsers:
Quando você digita um endereço na barra de navegação , clica em um botão que ...
2
votos
Efeito Blur em diferentes navegadores
"(...) A proposta é usar propriedades CSS para fazê-lo. (...)"
Se for só com CSS ainda não é possível criar uma solução cross-browser. Mas com uma pitada de SVG você consegue chegar bem próximo.
...
2
votos
Como saber se um recurso está na cache do navegador?
Apesar de você renegar soluções com local storage, acho que essa seria a única alternativa para verificar o cache sem gerar uma requisição no servidor. Então segue abaixo uma ideia de como fazer, e ...
2
votos
Aceito
Scroll com animate não funciona
Em alguns navegadores o scrollBar fica no body e em outros fica no html, portanto você deve mudar o seletor para:
$('html,body').animate({scrollTop:target}, 300);
Deve ficar assim:
$(document)....
2
votos
CSS background-blend-mode no IE (Edge)
Apenas complementando a resposta anterior com a solução JS, existe também um recurso no CSS que pode facilitar seu trabalho. É o @supports. Através dele você verifica se determinada propriedade ou ...
2
votos
Como tentar deixar um site compatível com os principais browsers?
Um bom começo para assegurar-se que seus sites são compatíveis com os navegadores com os quais você está trabalhando (mas não com todos, pois isso é praticamente impossível, especialmente quando ...
2
votos
Como tentar deixar um site compatível com os principais browsers?
Olha cara Deixar um site compatível para todos os Browsers não é um trabalho muito fácil porque cada browser tem seu modo de trabalhar e processar cada código: javascript, html,css, Etc.
Mas para que ...
2
votos
Aceito
Div de dropdown menu com largura diferente nos navegadores
O problema está nos position do seu menu. Não tem um pai relativo para dar conta do submenu. Então ele fica diferente em cada browser.
Refiz o seu menu:
.header-menu {
float: left;
height: ...
2
votos
Como rodar arquivos .mkv em todos navegadores?
A extensão .mkv e .mp4 não tem nada haver com o formato do video, você poderia renomear um arquivo com o formato mp4 para a extensão video.foobaz que ainda seria um arquivo .mp4.
Videos não são ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
cross-browser × 38javascript × 11
css × 10
internet-explorer × 9
navegador × 8
html × 7
html5 × 5
jquery × 4
firefox × 4
php × 2
ajax × 2
css3 × 2
cookies × 2
ux × 2
html5-video × 2
java × 1
json × 1
wordpress × 1
api × 1
aplicação-web × 1
formulário × 1
mongodb × 1
mobile × 1
rest × 1
http × 1