Detecção de recursos do navegador

Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) e JavaScript formam as principais

elementos de páginas da web modernas. No entanto, navegadores diferentes nem sempre interpretam essas páginas da web

componentes de maneira totalmente consistente.

Existem duas maneiras principais em que isso ocorre:

          (a) HTML, CSS e JavaScript estão evoluindo ao longo do tempo, particularmente à medida que novas formas de interação

com páginas web são desenvolvidos. A maioria de seus componentes centrais são compreendidos essencialmente por

todos os navegadores. No entanto, alguns recursos mais recentes podem funcionar apenas em alguns navegadores. Alguns podem

ser lançado na forma 'beta' ou 'teste', mas pode eventualmente ser descartado em quaisquer atualizações finalizadas.

         (b) Atualmente, as páginas da Web são acessadas em uma ampla variedade de formatos. Esses formatos podem levar

diferentes formas físicas. Mesmo quando envolvem um formato “tradicional” baseado em tela, o

as telas podem vir em muitos tamanhos e resoluções diferentes (por exemplo, uma tela baseada em PC é normalmente

maior e mais fácil de redimensionar do que uma tela de celular). Isso torna desejável

alterar a forma como o material é exibido dependendo do formato envolvido.

         Historicamente, os desenvolvedores de páginas da Web resolveram esse problema usando a 'detecção do navegador'. Nesta abordagem,

o desenvolvedor incluiria na página da Web (ou no servidor que entrega a página da Web ao usuário)

algum meio de detectar qual navegador estava sendo usado para acessar a página da web. Este teve dois principais

fraquezas. Primeiro, agora existem muitos provedores de navegadores diferentes, a maioria dos quais também tem muitos

versões de seus navegadores disponíveis. Isso tornou muito difícil para os desenvolvedores acompanharem o

mudando a cena do navegador. Em segundo lugar, uma abordagem de "detecção do navegador" não aborda (b) acima. O

mesmo navegador pode ser executado em vários dispositivos; se os próprios dispositivos tiverem características diferentes

então eles não serão capturados apenas pela identificação do navegador que está sendo usado.

Hoje em dia, a tendência é usar ‘detecção de recursos’. Nesta abordagem, o desenvolvedor inclui elementos

ou outros componentes na página da web que identificam se o navegador e o dispositivo que está sendo usado para acessar

a página da Web suporta um recurso específico. A saída é então otimizada tendo em mente se o

recurso está disponível.

Às vezes, esse tipo de funcionalidade é explicitamente incorporado ao HTML. Por exemplo, os formatos de arquivo de mídia

reconhecidos pelos elementos HTML <audio> e <video> variam de acordo com o navegador. Esses elementos HTML

especificamente permitir que os desenvolvedores se refiram a mais de uma fonte de mídia, dependendo do formato

envolvidos. O navegador que está sendo usado pode então selecionar qualquer fonte que ele reconheça. Se não

reconhecer algum (ou se não for novo o suficiente para reconhecer os elementos <audio> ou <video>), o texto substituto

Ser exibido. A regra CSS @media também pode ser usada de forma a permitir que o desenvolvedor altere a

estilo usado por um elemento para refletir a mídia na qual a página está sendo visualizada (por exemplo, a largura ou

altura do aparelho).

Outras vezes, a detecção de recursos precisa ser codificada usando JavaScript. A abordagem típica é

identificar se um recurso é suportado pelo navegador e, em seguida, ajustar a formatação de saída

adequadamente. No entanto, nem sempre é fácil identificar se um recurso específico é suportado pelo

navegador. Os métodos possíveis incluem: