Ao criar um aplicativo da Web orientado por conteúdo, é importante considerar quais navegadores seu público-alvo está usando. Alguns usam navegadores mais antigos sem suporte aos recursos mais recentes, enquanto outros usam navegadores mais novos com mais recursos. O aplicativo pode ser acessado por todos os usuários, independentemente do navegador escolhido.
Use o aprimoramento progressivo ou comece com os recursos mais básicos compatíveis com todos os navegadores e, em seguida, adicione outros recursos aos navegadores mais recentes. A detecção de recursos é outra estratégia para alcançar usuários com navegadores desatualizados ou novos. Com a detecção de recursos, é possível determinar quais recursos têm suporte no navegador do usuário e, em seguida, carregar o código adequado. Seu aplicativo precisa usar os recursos mais atualizados compatíveis com o navegador do usuário.
Há algumas compensações a serem consideradas ao segmentar navegadores antigos e modernos. Primeiro, pode ser necessário usar códigos diferentes em diversos navegadores. Isso pode deixar seu código mais complexo e difícil de manter. Talvez não seja possível usar os recursos mais recentes em todos os navegadores. Isso pode limitar a funcionalidade do aplicativo.
Dependendo do aplicativo, navegadores mais antigos ainda podem precisar de suporte por motivos legais ou casos de uso comerciais. Se a maioria dos usuários estiver em um hardware mais antigo e não puder fazer atualizações, talvez seja necessário usar polyfills. Um polyfill oferece recursos modernos para navegadores da Web mais antigos e pode permitir que você use as tecnologias e APIs mais modernas da Web, garantindo a compatibilidade com navegadores antigos.
Há muitas ferramentas excelentes para verificar quais tecnologias ou APIs são usadas:
- Project Baseline: é um esforço para melhorar a experiência dos desenvolvedores, fornecendo o que funciona bem em navegadores compatíveis e tem o suporte do Google e de outros sistemas usados com frequência.
- Caniuse: é um recurso para procurar APIs da Web e ver o status do suporte em todos os navegadores rastreados.