Comentário: Atualmente, uma página da web exibe um conteúdo cada vez mais rico, incluindo alguns efeitos funcionais HTML5 e CSS3. Então, se o navegador do cliente suportar HTML5. O acesso à página funciona muito bem sem problemas. E se o HTML5 não for suportado, ou IE6, 7, 8 e outros navegadores? Neste momento, geralmente é uma dor de cabeça para um membro da equipe de front-end.
Atualmente, uma página da web exibe um conteúdo cada vez mais rico, incluindo alguns efeitos funcionais HTML5 e CSS3. Então, se o navegador do cliente suportar HTML5. O acesso à página funciona muito bem sem problemas. E se o HTML5 não for suportado, ou IE6, 7, 8 e outros navegadores? Neste momento, geralmente é uma dor de cabeça para um membro da equipe de front-end e é compatível.
Compatibilidade neste momento. Não é nada mais do que permitir que os usuários procurem e usem em todos os navegadores o máximo possível. No entanto, a página usa tags HTML5 e estilo CSS3. O que devemos fazer se o navegador do cliente não suportar HTML5? Para esse problema, só podemos fazê -lo e apoiar o máximo que pudermos. Se você não puder apoiá -lo, deve dar uma dica e conselhos amigáveis. Deixe os usuários atualizarem para uma versão superior do navegador. Portanto, durante o processo de codificação, precisamos executar alguma detecção funcional. Suponha que queremos fazer um efeito de canto arredondado. Usando CSS3, o HTML5 é muito conveniente.
Meu título
Este lugar está contente
O efeito que esperávamos foi o mesmo
E se o navegador do cliente não suportar html5? Vamos usar a ferramenta F12 do IE para testá -la
Nota: O modo de navegador e o modo de documento devem ser selecionados
Os efeitos da página são muito cruéis nos navegadores que não suportam HTML5
Temos que corrigir esses problemas. Portanto, não há como, então você precisa fazer mais trabalho para os navegadores que não suportam o HTML5. Como resolver a compatibilidade de um efeito de canto tão arredondado? É definitivamente um julgamento sobre os navegadores que não suportam o HTML5. Se os cantos arredondados do HTML5 não forem suportados, usamos os cantos arredondados de terceiros JS para fazê-lo. O problema está chegando de novo? Como fazer um julgamento sobre uma função de canto tão arredondada? Hesitou novamente neste momento. Existe um julgamento de função relativamente eficiente, abrangente e conciso para o HTML5?
Modernizr um plug-in de detecção de recurso HTML5.
Ou o efeito especial do canto redondo acima, ligeiramente modificado
Nota: Pie.js é um plugin de terceiros arredondados
Meu título
Meu conteúdo
Veja o efeito: navegadores que suportam HTML5
Em seguida, IE7, um navegador que não suporta HTML5, será testado
Portanto, é muito conveniente usar o Modernizr para executar a detecção de funções de páginas HTML5. Mas ainda há um problema? Se você fez um rico efeitos especiais de tela, como pode obter compatibilidade? Agora voltarei ao início da frase, a função é rebaixada e o suporte pode ser suportado o máximo possível e, se não puder ser suportado, você fornecerá instruções amigáveis. Ainda espero que os usuários domésticos em breve atualizem para o navegador que suporta o HTML5, para que os desenvolvedores não sofram tanto.