Como navegadores exibem páginas da web, e por que eles não sempre têm a mesma aparência?

Quando você navega na web, não é raro se deparar com sites que parecem diferentes de um dispositivo para outro. Talvez alguns recursos não funcionam em tudo.

Muitas vezes, isso não é um problema com o site. É seu browser. Os cinco principais navegadores desktop utilizar quatro diferentes “mecanismos de renderização” para exibir uma página web - o novo navegador de Borda do Microsoft para Windows 10 irá introduzir um quinto - e cada um funciona de forma diferente.Microsoft Obtém o Edge, 1 bilhão de dispositivos que executam o Windows 10, & Mais ... [Tech News Digest]Microsoft Obtém o Edge, 1 bilhão de dispositivos que executam o Windows 10, & Mais ... [Tech News Digest]Microsoft tem o Edge, Windows 10 é enorme, secreto fica fechada, incorporar jogos MS-DOS em tweets, ganhar dinheiro com Silent Hills, e assistir Michael Bay são mostradas por um cineasta amador.consulte Mais informação

Isso significa que a sua experiência da web pode mudar dependendo de qual navegador você está usando, e até mesmo qual a versão do que o navegador.

O que é um motor de renderização?

Uma página web não é uma única entidade que é baixado e exibidos na tela um pixel de cada vez. Em vez disso, é essencialmente uma série de instruções escritas em vários tipos de código - HTML, CSS, javascript, PHP e outros - que dizer ao navegador o que fazer e onde e como fazê-lo.O que é javascript, ea Internet pode existir sem ele?O que é javascript, ea Internet pode existir sem ele?javascript é uma daquelas coisas que muitos consideram um direito adquirido. Todo mundo usa-lo.consulte Mais informação

Cada navegador usa um motor de renderização, às vezes também referida como um motor de layout, para levar o conteúdo e estilo informações contidas no código, e exibi-lo na tela em sua forma totalmente formatado.

O problema é que não há um único motor de renderização que é usada em todos os navegadores. E enquanto cada idioma é definido por uma especificação detalhada, o motor só pode oferecer uma interpretação de que a especificação.

Video: Como abrir navegador direto no google

Com CSS (o código que fornece as informações styling), Em particular, nenhum motor irá produzir exatamente os mesmos resultados. Às vezes, as diferenças só podem ascender ao pixel desalinhado estranho aqui ou ali, mas às vezes eles podem ser mais radicalmente diferente.CSSmatic: Rapidamente & Convenientemente Criar CSS3 Folhas de Estilo Através de várias ferramentas on-lineCSSmatic: Rapidamente & Convenientemente Criar CSS3 Folhas de Estilo Através de várias ferramentas on-lineconsulte Mais informação

Quais navegadores Use que os motores

Há quatro principais motores de renderização que os navegadores mais populares usam.

• WebKit: um motor de código aberto usado por Safari no OS X e iOS, bem como muitos outros navegadores em dispositivos móveis, incluindo o Android em navegador nativo
• Piscar: um motor de código aberto baseado em WebKit, ele poderes Chrome, Opera, Amazon Silk e WebView do Android (o navegador que abre dentro de apps) -
• Gecko: um motor de código aberto desenvolvido pela Fundação Mozilla, ele é usado por Firefox-
• Tridente: um motor proprietário desenvolvido pela Microsoft e usado no Internet Explorer. O navegador de Borda do Microsoft irá utilizar uma versão mais recente chamado edgehtml.

web Standards

O fosso entre os diferentes motores de renderização é muito menor do que era quando Internet Explorer foi o navegador dominante.É Internet Explorer fazendo um grande retorno em 2015?É Internet Explorer fazendo um grande retorno em 2015?Microsoft não tem mais para oferecer aos usuários do Windows UE uma escolha de browsers. Além disso, a Microsoft está trabalhando em um novo browser. No entanto, vamos mostrar-lhe como instalar seu navegador favorito, sem tocar IE.consulte Mais informação

Testes como Acid3 mostrar como exatamente um navegador processa uma página, ea maioria dos navegadores modernos pontuação alta. No entanto conformidade com as normas é uma tarefa imensamente complexa.

As especificações para HTML, CSS e outros são enormes. Novos elementos são acrescentado mais velhos, não utilizados ou obsoletos são removidos. Ele pode levar um longo tempo para os motores de renderização para refletir essas alterações.

Alguns elementos do HTML5 e as especificações CSS ainda não são suportadas por qualquer navegador mainstream, alguns apenas parcialmente suportado, enquanto outros ainda são suportados por alguns navegadores, mas não todos.

Video: Como Bloquear Paginas WEB (en todos los navegadores)

O site html5test.com permite testar seu navegador e a versão específica você está correndo, para ver quão bem ele suporta ambos os recursos oficiais e experimentais de HTML5. No momento da escrita, Chrome classifica como o melhor dos principais navegadores, com o Internet Explorer (v11) Classificação menor.Qual navegador Web é o mais seguro?Qual navegador Web é o mais seguro?Qual navegador é o mais seguro? Que você deve instalar para ter certeza de sua experiência de navegação é segura? O que você pode fazer para garantir que seu navegador existente é tão seguro quanto possível?consulte Mais informação

Se um desenvolvedor web utiliza uma funcionalidade que é suportada em um navegador, mas não outro, o navegador não suportado ou deve resolver em um valor equivalente ou ignorar o recurso completamente (uma caixa transparente poderia ser processado como não transparente, por exemplo).

Isso torna o trabalho de renderização de páginas web muito mais complexo do que parece. Um navegador que é atualizado com mais freqüência é provável que seja mais compatível com os padrões do que um que não é, como é realçado pelas atualizações do Chrome automáticas regulares em comparação com as atualizações do IE muito mais esparsas.

E há outros fatores em jogo, também.

Video: Aceder às páginas da Web com o navegador de internet Opera

• Bugs no motor: Um motor de renderização é software, e todo o software contém bugs. Embora bugs críticos serão encontrados e anulou rapidamente, é impossível garantir que uma combinação específica de código em uma página da web não vai produzir resultados inesperados quando renderizado
• Bugs na página web: Navegadores têm um certo nível de tolerância de erro embutido, mas isso vai variar de um motor para a próxima. Uma página web com erros no código ainda pode tornar perfeitamente em um navegador, mas ser terrivelmente quebrado em outro
• fontes: A maneira fontes são exibidos não é tratado pelo navegador, mas pelo sistema operacional. Windows e OS X tornam fontes de forma diferente, por isso mesmo a mesma fonte no mesmo navegador pode parecer diferente quando visto em diferentes plataformas
• Legado: Navegadores, muitas vezes, adotar novas funcionalidades, especialmente para CSS, antes que se tornem parte da especificação oficial. Se a implementação do recurso muda quando este for aprovado, o desenvolvedor navegador precisa decidir se a adotar a compatibilidade mudança e quebra de risco com milhares de sites concebidos para a versão antiga, ou ignorar a nova versão inteiramente
• recursos proprietários: Alguns navegadores podem usar tecnologias proprietárias que não estão disponíveis em outros lugares. Esta foi a mais famosa visto com quadro ActiveX da Microsoft no Internet Explorer, embora a empresa não poderá usá-lo no novo navegador da Microsoft Edge

Embrulhar

Com tantas questões envolvidas, não é nenhuma surpresa que as diferenças na forma como os navegadores lidar com páginas web persistem.

A situação está melhorando, mas é improvável que seja resolvido completamente. Seria bom se todos correram a última versão do seu navegador escolhido, mas com a seis anos de idade Internet Explorer 8 ainda manter uma quota de mercado de 4,5 por cento, que é um longo caminho.

Qual navegador você usa, e você mantê-lo até à data? Você encontrou quaisquer sites que não funcionam no seu browser escolhido? Deixe-nos saber nos comentários.