Os segredos de pré-visualização de páginas web em vários navegadores

Video: Como ativar a pré-visualização de arquivos no Windows 7

Que navegador você usa?

Google Chrome, Mozilla Firefox, navegador da Apple Safari e Internet Explorer são muito populares, como são alguns exemplos menos conhecidos, como o Opera. No entanto, como boa como todos eles são (em suas formas individuais) desses navegadores todos compartilham uma única falha - nenhuma delas exibe uma página web absolutamente perfeitamente.

Infelizmente, devido às exigências dos desenvolvedores de software, a maioria dos navegadores web desviar das especificações oficiais HTML, resultando em diferenças notáveis ​​de navegador para navegador.

Para a maioria de nós, isso realmente não importa, embora existam várias razões pelas quais você pode querer ver como uma página web em particular parece quando visto através de um navegador diferente.

Por que você pode querer visualizar uma página Web

A mais óbvia é para fins de design do site. Com o básico de HTML e CSS agora ensinadas nas escolas, cross-browser e multi-plataforma compatibilidade é algo que continua a ser importante, apesar dos esforços por parte dos desenvolvedores dos principais navegadores para aderir às orientações especificadas pelo W3C (World Comissão Wide Web, dos quais Sir Tim Berners-Lee é um membro-chave).

Video: Sublime Text - Vista Previa en Navegador

Existem outras razões, no entanto. Por exemplo, você pode querer verificar como uma página da Web que você visitar muitas vezes no seu computador pode olhar para o seu smartphone. Você também pode considerar uma mudança de navegador de desktop ou sistema operacional, mas quero ver como o software resolve um determinado site, por exemplo, um site de hospedagem de jogos baseados em navegador.

Embora seja fácil o suficiente para verificar os requisitos do navegador que você tem em mente, verificando a maneira em que uma determinada página da web é exibida em vários navegadores diferentes, tudo ao mesmo tempo é muito legal.

BrowserShots

Rápido e fácil de usar, BrowserShots permite que você digite uma URL e escolher entre uma variedade de navegadores, do Chrome 17 no Linux para SeaMonkey 1.1 no BSD, através de praticamente qualquer navegador do Windows que você pode pensar no caminho. Os resultados podem demorar um pouco para gerar, infelizmente, como eles são baseados em instantâneos capturados por um servidor remoto que hospeda versões virtuais de todos os sistemas operacionais e navegadores envolvidos.

No entanto, você não vai encontrar uma seleção mais ampla de navegadores e sistemas operacionais para testar uma página web com gratuitamente.

Infelizmente, BrowserShots não tem nenhum versões do Mac OS ou navegadores para oferecer, mas há uma abundância de escolha entre Linux, Windows e navegadores BSD.

Você pode começar a utilizar este serviço agora - cabeça para [Já não funciona] browsershots.org.

Lab Adobe Navegador

Com menos opções de sistema operacional e navegador é Adobe Navegador Lab, mas não deixe que a falta de navegadores colocá-lo fora. Esta grande ferramenta permite visualizar dois navegadores diferentes lado a lado e até mesmo permite-lhe mudar rapidamente de um navegador para outro.

A este respeito, Adobe Navegador Lab é a opção de desempenho - é rápido e eficiente, eo melhor de tudo totalmente gratuito. Estou particularmente impressionado com a vista “casca de cebola”, possivelmente a maneira mais rápida para identificar diferenças no layout através da sobreposição de uma página do browser render em cima do outro.

Parte do seu grupo de ferramentas gratuitas, Lab Adobe navegador pode ser usado por visitar e se inscrever no browserlab.adobe.com

CrossBrowserTesting

Um pouco como ter uma enorme laboratório cheio de diferentes computadores que executam diferentes versões do sistema operacional sobre o qual todos os navegadores populares e suas várias versões estão instalados, CrossBrowserTesting é uma opção extremamente poderoso.

Você pode literalmente verificar como um site aparece em praticamente qualquer combinação de sistema operacional e navegador que você pode imaginar, o que permite rastrear eventuais diferenças de segundos.

Video: Como hacer un sitio web adaptable a dispositivos móviles con Responsive Design

Oferecendo uma grande combinação de opções, crossbrowsertesting.com não é livre para usar, mas oferece um teste gratuito em todos os planos de preços.

Spoon.Net

Ao invés de confiar em um computador remoto para executar o seu teste de cross browser, por que não tentar colher, onde você pode lançar qualquer navegador você se importa dentro de um ambiente virtual que é acessado através de sua janela do navegador?

Este serviço útil é acessado em conjunto com um plugin para o navegador desktop, permitindo que o aplicativo do navegador virtual para lançar em seu desktop, onde permanece totalmente acessível e utilizável.

Note-se que a inscrição é necessário para utilizar este serviço, e que o uso livre é restrito a 2 minutos por dia.

Browsers são apenas alguns dos aplicativos de desktop que estão disponíveis a partir Spoon.Net - cabeça para spoon.net/browsers para saber mais.

Outras ferramentas que você pode tentar

Além desses serviços excelentes, existem outros métodos que você pode considerar para fornecer uma visão alternativa confiável para uma página web.

Video: Pré Visualização do Curso no ZS Cursos

A mais óbvia é a instalação de múltiplos browsers- você pode ter Chrome, Firefox, Opera e Safari instalado no seu computador, juntamente com o Internet Explorer.

Se você usar um computador Mac ou Linux e não pode instalar o Internet Explorer, no entanto, este poderia ser um obstáculo particular. Dado que este browser é responsável por mais problemas de compatibilidade do que qualquer dos outros (historicamente falando - as versões atuais são muito mais rigorosos na sua interpretação das especificações HTML) deve vir como nenhuma surpresa que há um site que irá exibir páginas da Web em todas as versões do IE. Cabeça para netrenderer.com tentar.

Finalmente, não negligencie a vantagem de máquinas virtuais. Em um sistema bem configurado, você pode executar o Mac OS X, Linux e Windows em máquinas virtuais, os quais podem ser reforçada por vários navegadores, potencialmente permitindo-lhe uma aparência simultânea com a forma como uma determinada página da web pode parecer.