O Locaweb Style dá suporte a todos os navegadores atuais. Nós consideramos atuais duas versões anteriores dos browsers: se o atual é o IE 11, nós damos suporte a partir do IE 9. Já nos antigos, esse suporte está no formato Progressive Enhancement, sendo que os componentes e o layout funcionam na experiência máxima que o browser suporta.

Para dar suporte ao Internet Explorer 8, é necessário implementar algumas modificações:

1. jQuery com suporte a navegadores antigos. Nesse caso, você precisa usar a jQuery na versão 1.11 ou menor. As versões mais novas, da 2.0 ou superior, não suportam browsers antigos.
2. html5shiv. Esse plugin JavaScript faz os browsers antigos conhecerem as tags do HTML5.
3. mediaqueries. Faz browsers antigos suportarem as mediaqueries do CSS.
4. Selectivizr para os browsers entenderem os novos seletores do CSS3.

Abaixo um exemplo usando as tags condicionais da Microsoft. Nós tentamos sempre usar os princícios do Progressive Enhancement para que os browsers antigos tenham a melhor experiência possível.

1
2
3
4
5
<!--[if lt IE 9]>
  <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <script type="text/javascript" src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
<![endif]-->

Adicionando uma barra de aviso

Você pode inserir uma barra de aviso sobre os browsers que não são suportados. Por padrão, o Locaweb Style não insere essa barra, por isso você precisa iniciar a função manualmente. Para tanto, basta chamar a função locastyle.browserUnsupportedBar:

1
2
3
$(window).on('load', function() {
  locastyle.browserUnsupportedBar.init();
});

Geralmente nós mantemos o suporte para browsers com duas versões anteriores. Por exemplo: a versão mais atual do IE é a 11, por isso damos suporte para o IE 9, 10 e 11. A barra, nesse caso iria aparecer para o IE8 ou inferior.

Classes com o nome do navegador

Quando o locastyle é iniciado, automaticamente é adicionado uma classe correspondente ao navegador acessado.
Isso possibilita criar conteúdos exclusivos para certos navegadores e possíveis melhorias.