Como Verificar compatibilidade do navegador com a página Web
Um dos maiores problemas com a construção de páginas web é garantir que essas páginas são cross-browser compatível e no dispositivo. Isso significa que eles devem olhar bom e funcionar corretamente em tantos navegadores e em quantos 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 marcas 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, tais como se o código contém todas as tags desaprovadas gostam e que devem ser identificados e alterados ou removidos.
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 problema 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 HTML aberta no Dreamweaver, siga estes passos:
Na guia compatibilidade do navegador no painel Resultados, clique no botão de seta verde no canto superior esquerdo e escolha Verificar compatibilidade do navegador a partir do menu drop-down.
Dependendo do número de problemas encontrados, o relatório pode demorar alguns minutos para gerar. Seja paciente.
Como as outras guias no painel Resultados, os resultados para esta exibição ferramenta em uma lista na parte inferior do painel Resultados com um erro, Aviso ou ícone de mensagem ao lado de cada problema encontrado. Além disso, este painel exibe resultados detalhados sobre cada problema encontrado ao longo do lado direito do painel.
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 é realçada 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.
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 e versões de browsers. O que ele não faz é verificar a precisão do código ou de qualquer funcionalidade de qualquer javascript, jQuery, ou outro código usado no arquivo (s).