Como verificar a compatibilidade do navegador por meio de linhas de comando

Construir um site tradicionalmente envolve uma variedade de tecnologias que podem funcionar em todos os principais navegadores, alguns deles parcialmente ou nenhum. Os desenvolvedores da Web hoje em dia sempre se refeririam ao CanIUse para verificar se um determinado recurso é suportado em um navegador ou em uma de suas muitas versões.

A CanIUse acompanha a adoção de HTML, CSS e SVG padrão do navegador junto com suas referências, o status das especificações do W3C e links para os problemas e bugs presentes em cada navegador (quando disponível). Por exemplo, podemos ver abaixo que Edge, Firefox e Opera Mini não suportam CSS Reflection, e em navegadores nos quais ele é suportado, o prefixo de fornecedor é necessário.

CanIUse é o de fato ferramenta que registra até que ponto a compatibilidade com especificações da web padrão em navegadores de desktop e móveis.

Além da versão do navegador através do caniuse.com, o CanIUse agora também está disponível como CLI (Command Line Interface). Também podemos extrair o resultado CanIUse via terminal ou prompt de comando. Se você se encontra tropeçando no Terminal com freqüência, o CLI efetivamente agiliza seu fluxo de trabalho.

Os requisitos

Para implantar a linha de comando CanIUse, você primeiro precisará do NodeJS e do NPM instalados.

Se correndo npm -v ou nó -v retorna o número da versão (como mostrado abaixo) você está pronto para implantar o CLI. Caso contrário, se devolver o “comando não encontrado” erro, baixe o instalador do NodeJS aqui. O instalador está disponível para Windows, OS X e Linux; selecione o SO que você está usando.

O CLI

Instalando o CanIUse CLI é apenas uma linha de distância. Abra o Terminal ou o Prompt de Comando e execute o seguinte comando.

npm install -g caniuse-cmd

Este comando instala a CLI globalmente, o que permitirá que seja acessível em todo o local no sistema operacional. Uma vez instalado, a linha de comando eu posso usar deve agora estar disponível à sua disposição. Não há regra sobre como “procurar” via CLI. Basta pesquisar naturalmente como você faria na versão da Web, por exemplo, corrida “sombra de caixa caniuse” retornará a especificação CSS3 Box-shadow.

Observe que não precisamos fugir do espaço para a consulta de palavra-chave, que tradicionalmente teríamos que fazer.

Basicamente, os resultados da CLI correspondem à versão da web. Mesmo que uma pesquisa seja feita com uma palavra-chave incompleta, por exemplo, soc ou meia , a pesquisa resultará com Soquete da Web no topo, seguido por entradas relevantes.

CanIUse é um complemento perfeito para outras ferramentas baseadas em linha de comando, como Gulp, Grunt, e é uma ferramenta prática que pode impulsionar seu fluxo de trabalho eventualmente. Agora você não precisa deixar seu Terminal para verificar a compatibilidade do navegador com HTML, CSS e SVG.