Compreender a compatibilidade cross-browser ao desenvolver sites wordpress
Video: Browser compatibility fix in seconds -andydesign.in
Conteúdo
compatibilidade cross-browser é a prática de projetos de teste em todos os principais sistemas do navegador e é importante na web design WordPress porque você não apenas criar sites para si mesmo, mas para uma audiência inteira na web. Porque você não tem idéia de qual navegador o seu público usa, você deve testar seus projetos em todos os sistemas para garantir que todos os visitantes do seu site têm a mesma experiência.
O problema que web designers correr para com os navegadores da web é que cada sistema de navegador usa um diferente mecanismo de layout (Código subjacente do navegador que a forma como o navegador interpreta linguagem de design tais como CSS e HTML) que torna CSS diferente.
A diferença na prestação CSS às vezes pode torná-lo um verdadeiro desafio para ajustar seu estilo CSS para que ele leva em conta os diferentes motores de layout disponíveis. Além disso, nem todos os mecanismo de layout suporta todas as versões de CSS.
| mecanismo de layout | Sistema de navegador | Suporta CSS Versão |
|---|---|---|
| lagartixa | Mozilla Firefox | v1 CSS, V2, V3 (parcialmente) |
| Presto | Ópera | v1 CSS, V2, V3 (parcialmente) |
| Tridente | Internet Explorer | v1 CSS, v2, v3 (ligeiramente) |
| WebKit | Google Chrome, Safari | v1 CSS, V2, V3 (parcialmente) |
Video: Website testing with different IE browsers Web-Based Cross Browser Testing
A melhor maneira absoluta para testar o seu site através dos principais sistemas do navegador é baixar os navegadores para o computador e, em seguida, carregar o seu site em cada navegador, verificando a prestação correta que você vá. No entanto, se você tiver apenas um computador com Windows, você não pode realmente testar o seu site em um Mac, e vice-versa. Não se preocupe, embora, porque aqui estão duas alternativas.
Browsershots: Esta é uma ferramenta online, baseada em browser. Visite os Browsershots site, digite seu endereço de web desejada no campo Inserir URL Aqui no topo da página, e depois escolher o seu navegador desejados e sistemas operacionais. Browsershots leva uma imagem do seu site em cada um dos navegadores para que você possa ver o que o seu site parece. De lá, você pode corrigir quaisquer problemas e reteste novamente.
Video: Html5Canvas and Jquery based cross browser charts
BrowserStack: BrowserStack é outra ferramenta de teste de compatibilidade cross-browser on-line que lhe dá vistas em tempo real do seu site utilizando uma interface em Flash. Este serviço é livre- no entanto, atualizações opção premium estão disponíveis para um custo.