Como verificar a compatibilidade do navegador com a sua página web

Um dos maiores problemas com a construção de páginas web é garantir que essas páginas são cross-browser e dispositivo compatível. Isso significa que eles devem olhar bom e funcionar corretamente em tantos navegadores e em tantos dispositivos quanto possível.

Muitos editores de código incluir algum tipo de ferramenta de compatibilidade do navegador que lança um olhar sobre todas as tags em seus arquivos e determina se essas tags e quaisquer atributos presentes são compatíveis com as mais recentes recomendações do W3C para a sua DTD selecionados nos navegadores atuais mais populares.

Estas ferramentas devem ser capazes de identificar rapidamente problemas de codificação, como se o código contém todas as tags desaprovadas como e, que devem ser identificados e alterados ou removidos.

Video: Não foi possível conectar-se ao servidor proxy

Embora o teste de compatibilidade do navegador normalmente não mostrar-lhe como qualquer encontrados erros vai olhar em navegadores que não suportam a tag ou atributo particular, os resultados do teste, muitas vezes listar o tipo de navegador e versão que podem ter dificuldade em exibir o conteúdo identificado de modo que você pode fazer seus próprios testes para corrigir o erro.

Por exemplo, usando a ferramenta de compatibilidade do navegador do Dreamweaver, você pode ver um erro. A ferramenta identifica e descreve o texto questão Jog Três Pixel, que não pode ser exibido corretamente no Internet Explorer 6.0.

Para executar o teste de compatibilidade do navegador em um único arquivo aberto HTML no Dreamweaver, siga estes passos:



  1. Na guia compatibilidade do navegador no painel de resultados, clique no botão de seta verde no canto superior esquerdo e escolha Verificar compatibilidade do navegador a partir do menu drop-down.

  2. Dependendo do número de problemas encontrados, o relatório pode demorar alguns minutos para gerar. Seja paciente.

    Como as outras guias no painel de Resultados, os resultados para esta exibição ferramenta em uma lista na parte inferior do painel de resultados com um erro, Aviso ou ícone de mensagem ao lado de cada questão encontrados. Além disso, este painel exibe resultados detalhados sobre cada problema encontrado ao longo do lado direito do painel.

  3. Para corrigir os problemas encontrados, clique duas vezes a linha no painel de resultados que contém o problema, e Dreamweaver abre automaticamente a página que contém o erro.

O código em questão é destacado e / ou exibido com um sublinhado ondulado vermelho ou verde na visualização de código do Dreamweaver para ajudar a fazer uma correção ou ajuste. Para revelar uma janela dica pop-up dentro do código que identifica o erro e lista os navegadores que não suportam-lo, coloque o cursor em cima do sublinhado ondulado.

Video: Navegador carrega, mas não abre página [resolvido]

Tão grande como a ferramenta de compatibilidade do navegador é, tenha em mente que ele verifica apenas para a validade do código dentro de um subconjunto de navegadores e versões do navegador. O que não fazer é verificar a precisão do código ou de qualquer funcionalidade de qualquer javascript, jQuery, ou outro código usado no arquivo (s).


Publicações relacionadas