No final de 2012, o estrategista de plataforma móvel Peter-Paul Koch recebeu patrocínio para QuirksMode.org, que ele disse que lhe permitiria gastar mais tempo pesquisando padrões da web e trabalhando em tabelas de compatibilidade que seriam compartilhadas com webplatform.org.
No fim de semana, os seletores de CSS para tabelas móveis foram ativados. Koch também explorou ainda mais as colunas CSS e descobriu que há um caminho a percorrer em relação à implementação.
Conversamos com Koch sobre seu trabalho, como seus testes são escritos e por que os desenvolvedores devem ser mais cautelosos em relação aos testes por mecanismo.
.net: Você está colocando muito esforço em suas mesas móveis. Isso é algo que não estava sendo feito a este ponto em outro lugar?
PPK: Não, não está realmente sendo feito. As tabelas que mais se aproximam da minha são as de Max Firtman e se concentram em APIs HTML5.
Eu não acredito em automatizar testes ou pontuações de navegador, então eu realmente não conto testes como o teste HTML5. Então temos Can I Use ..., que é útil, mas às vezes não fornece as informações corretas do navegador.
Até onde eu sei, ainda sou aquele que faz os testes mais detalhados - e o único a publicar páginas de teste, bem como resultados.
.net: Como você escreve os testes?
PPK: Devagar! Às vezes não é fácil descobrir o que se entende por uma especificação, especialmente quando há apenas duas implementações que são sutilmente (ou radicalmente) diferentes. Felizmente, tenho muita experiência em escrever testes de navegador e, portanto, sei como evitar armadilhas comuns.
Por exemplo, a princípio parecia que o Opera Mini não suportava classes CSS, mas isso é obviamente um absurdo. O problema acabou sendo que eu testo o suporte de classes fornecendo um elemento de teste estilo da fonte: itálico. Muitos Opera Minis não suportam esse estilo. Como já havia encontrado isso antes, sabia que precisava mudar os estilos de teste. E o navegador MeeGo não suporta variante da fonte: versalete. Mesma história.
Aliás, o JavaScript ainda oferece itálico quando você pede ao Opera Mini para o estilo de fonte valor. Isso prova que você não pode automatizar esses testes: você deve olhar a página e determinar se ela usa uma fonte em itálico.
.net: em seu artigo recente sobre seletores e colunas, você afirma que os navegadores que usam a mesma construção de WebKit têm compatibilidade variável. Isso destaca ainda mais como os desenvolvedores devem ser cuidadosos em relação às técnicas de ponta e testar com mais rigor em todos os dispositivos?
PPK: Sim. Não há WebKit no celular. Existem pelo menos doze navegadores diferentes (excluindo as versões que usam o WebKit como mecanismo de renderização), mas eles não são necessariamente semelhantes.
O melhor exemplo é o declaração -webkit-column-span. Acontece que o WebKit abandonou o suporte recentemente. Este é o problema de compatibilidade mais estranho que já encontrei, porque não é possível vincular o suporte a versões específicas de WebKit. Portanto, o suporte para essa declaração é uma bagunça, e o fato de um navegador usar o WebKit não diz exatamente nada.
