Conteúdo da parte 2 (navegue para: parte 1 )
4. Internet Explorer
5. Firefox
6. Opera
7. Chrome
8. Safari
9. Ferramentas do desenvolvedor (e atalhos)
10. Tempo medido de instalação e espaço em disco
• Tempo necessário por navegador (instalação e configuração)
11. Uso ideal
• Página inicial àshttp://10.0.2.2:8888/
Instalação e configuração
Dicas de configuração do navegador:
- Pagina inicial
- Desative a verificação para: "Navegador padrão" e "atualizações".
- Ativar ferramentas de desenvolvedor
4. Internet Explorer
O Windows 7 não permite a execução de instâncias mais antigas do IE, mas veja a nota abaixo . É por isso que é necessária uma VM Win XP.
O IE não pode ser rebaixado; portanto, comece com a versão mais baixa e atualize o IE em um Sandboxie separado . Defina as preferências na versão mais baixa do navegador antes da atualização, para que você só precise definir as preferências principais uma vez.
- IE6 - Instalado por padrão no WinXP
- IE7 / IE8 - Instalar no Sandboxie (WinXP)
- IE9 + - Obtenha imagens pré-criadas da máquina virtual do Windows no site modern.IE .
Essas imagens expiram 30 dias após o primeiro uso. Quando as imagens expiram, elas são desligadas após uma hora de uso. Se você não deseja recriar as imagens todas as vezes, altere o relógio do hardware da sua VM antes de ativar a imagem.
Por exemplo, se você usa o VirtualBox, inicie o terminal e execute o seguinte comando (substitua os nomes em maiúsculas por algo sensato):
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>
Instaladores totalmente offline para o IE6 (e até o IE5.5) estão disponíveis neste site .
Para o IE6 e IE7, a Barra de Ferramentas do Desenvolvedor do Internet Explorer deve estar instalada. O IE8 + possui ferramentas de desenvolvedor F12 integradas .
Configuração
- Inicie as configurações do IE6: Página inicial, Segurança, Cookies, navegador padrão.
- IE7: Livre-se da página Primeira execução, via registro (IE7 Sandboxie). Veja esta postagem no fórum TechNet da Microsoft .
- IE8: Livre-se da caixa de diálogo "Configurar o Windows Internet Explorer 8". Isso pode ser feito iniciando o IE8, clicando em "Mais tarde" ou modificando o registro .
Na verdade, é possível executar o IE6 - 8 no Windows 7 por meio da virtualização de aplicativos. O VMWare ThinApp funciona muito bem, mas leva muito mais tempo para configurar, porque você precisa capturar a instalação do Internet Explorer. Além disso, o pacote de software é muito caro (os keygens estão disponíveis gratuitamente, mas não éticos).
5. Firefox
Opção 1 (lenta) :
Utilu Mozilla Firefox Collection . Esta ferramenta contém instaladores para todas as versões do Firefox (mais de 200 MB). Firebug, barra de ferramentas Web Developer e Flash também estão incluídos.
Opção 2 :
Várias versões do Firefox podem ser facilmente instaladas e executadas ao mesmo tempo.
- Faça o download do Profile Manager oficial da Mozilla .
- Faça o download das versões relevantes do Firefox em http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ . Versões mais antigas podem ser encontradas em ftp.mozilla.org .
- Instale cada versão do Firefox. É conveniente escolher um diretório principal ("Firefox") e usar os números de versão como nomes para os subdiretórios ("3.6").
- Extensões: inicie as mais antigas versão Firefox e obtenha suas extensões favoritas:
- Firebug - Um item obrigatório para versões antigas do Firefox. Não é realmente necessário para as versões mais recentes do Firefox, que possuem um bom conjunto de ferramentas de desenvolvimento integradas .
- HttpFox - Uma ferramenta simples e eficaz para medir solicitações HTTP.
- Desenvolvedor Web - Uma barra de ferramentas extremamente útil para desenvolvimento web. Economiza muito tempo.
- Console 2 - aprimora o console interno ( Ctrl Shift> J).
- Preferências:
Tools > Options
(Windows), Edit > Preferences
(Linux)
- Geral: Página inicial
- Segurança: desmarque todas as configurações, exceto "Avise-me quando sites tentarem instalar complementos".
(Não se esqueça de visualizar as configurações da mensagem de aviso, através do botão na parte inferior).
- Avançado:
- Geral:
- Verifique o navegador padrão: desativado
- Enviar relatórios de falha: desativado
- Atualização: desative todas as atualizações
- Limpeza: feche todas as guias, pressione Ctrl Shift Dele verifique tudo. Depois feche o Firefox.
- Gerenciador de perfis do Firefox :
- Duplique cada perfil através da
Copy
opção
- Uma captura de tela da caixa de diálogo é aberta. Escolha um nome apropriado (por exemplo
Firefox 3.6
) e um destino.
- Use a
Firefox version
opção para selecionar a versão padrão do Firefox para o perfil.
- Marque também a
Start new instance [-no-remote]
caixa para permitir que várias versões simultâneas do Firefox sejam executadas ao mesmo tempo.
- Terminando
- Use o
Start Firefox
botão para iniciar uma instância do Firefox.
- Deixe a verificação de compatibilidade do complemento executar e atualizar sempre que necessário.
- Limpe o cache, histórico etc. usando Ctrl Shift Del.
- Repita esta etapa para cada versão do Firefox.
6. Opera
Opera : Uma lista de todos os instaladores está disponível no Opera.com . Várias versões podem ser instaladas lado a lado sem problemas. Durante a instalação, escolha "Personalizado" e um diretório diferente .
Na instalação, escolha também usar o mesmo perfil para todos os usuários.
Preferência importante: Configurações> Preferências> Avançado> Segurança> Não verifique se há atualizações.
Nota: O Opera 15+ usa o mesmo mecanismo de renderização e JavaScript que o Chrome.
7. Chrome
Chrome : Os instaladores autônomos podem ser baixados do File Hippo .
Também é possível executar várias versões do Chrome lado a lado.
Embora o Sandboxie possa ser usado, é recomendável usar o próximo método nativo para executar várias versões lado a lado.
- Faça o download das versões desejadas no File Hippo .
- Crie um diretório principal, por exemplo
C:\Chrome\
.
- Extraia o instalador (= sem instalar ), usando 7-Zip, por exemplo.
Após a extração, um chrome.7z
arquivo morto é criado. Extraia também esse arquivo e desça no Chrome-bin
diretório criado .
Agora, você vê chrome.exe
e um dir como 18.0.1025.45
.
Mover chrome.exe
para e 18.0.1025.45
, em seguida, mova este diretório para C:\Chrome
. Os arquivos restantes Chrome-bin
podem ser excluídos com segurança.
Crie um atalho para cada versão :
"C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
Explicação deste atalho:
"C:\Chrome\18.0.1024.45\chrome.exe"
• Este é o lançador
--user-data-dir="..\User Data\18"
• Perfil do usuário, relativo à localização de chrome.exe
. Você também pode ter usado --user-data-dir="C:\Chrome\User Data\18"
para o mesmo efeito. Defina suas preferências para a versão mais baixa do Chrome e duplique o perfil de usuário para cada versão do Chrome. As versões mais antigas do Chrome se recusam a usar perfis de usuário de novas versões.
--chrome-version=18.0.1025.45
• Localização dos binários:
- A localização (por exemplo
18.0.1025.45
) deve ser o nome do diretório:
- Deve começar e terminar com um número. Um ponto pode aparecer no meio.
- Os números não precisam necessariamente corresponder ao número da versão real (embora seja conveniente usar números de versão reais ...).
Em relação à configuração: todas as preferências podem ser definidas em chrome://settings/
. Normalmente, altero a página inicial e as configurações "Sob o capô".
Com as muitas versões do Chrome, não é prático ter todas as versões instaladas. Criei um script VB que automatiza essas etapas, para que eu possa armazenar os instaladores e executá-lo sempre que precisar testar uma versão antiga do Chrome: https://gist.github.com/Rob--W/2882558
8. Safari
Nota: O suporte ao Safari no Windows foi descontinuado. A última versão suportada do Safari no Windows é 5.1.7; você precisa de um Mac ou de uma VM do OS X para testar seus sites nas versões mais recentes do Safari.
O Safari não suporta nativamente várias versões ou perfis de usuário lado a lado. O Safari 4 está quase morto , então você só precisa testar o 5. *. Todas as versões do Safari podem ser baixadas dos Aplicativos Antigos .
- Baixe e instale o Safari 5.0 .
- Inicie o Safari, defina suas preferências.
- Crie uma nova sandbox Sandboxie para cada instalação adicional .
É importante instalar inicialmente a versão mais antiga, para que o perfil do usuário possa ser adaptado pelas versões mais recentes.
- Para obter mais informações sobre a instalação no Sandboxie, consulte a seção Sandboxie e Internet Explorer .
As ferramentas do desenvolvedor precisam ser ativadas via Preferences > Advanced > Show Developer menu in menu bar
. Após instalar o Safari, desinstale o software Apple Updater, via Control panel > Add/Remove software
.
9. Ferramentas para desenvolvedores (e atalhos)
- Internet Explorer
- Raposa de fogo
- Ópera
- cromada
- Safári
- 4+ Ctrl Alt C Safari Developer Tools Built-in . Essas ferramentas estão desabilitadas por padrão. Ative-o via
Preferences > Advanced > Show Developer menu in menu bar
.
10. Tempo medido de configuração e espaço em disco
- A configuração do ambiente base leva 30 minutos .
- A instalação de navegadores não requer muito tempo.
- Dependendo do número de navegadores, sua configuração pode levar algum tempo.
- Configurando uma VM WinXP com os navegadores listados neste guia + Opera 12 beta:
- Tamanho dos downloads: 585MB
- 12 navegadores
- Tempo usado: 1:09 hora (32 minutos para chegar ao IE)
- Tamanho do aparelho: 1.1G / tamanho importado: 2.2G.
- Log detalhado: http://pastebin.com/R7WGPK99
- Configurando uma enorme VM WinXP para testes detalhados de compatibilidade do navegador:
Tempo necessário por navegador (instalação e configuração)
- Opera: 2 minutos
- Internet Explorer: 3 minutos *
- Safari: 4 minutos *
- Firefox: 5 minutos
- Chrome: 6 minutos
* exclui tempo para configurar uma sandboxie sandbox (<1 minuto).
11. Uso ideal
Quando você terminar de instalar, use o CCleaner para limpar o lixo eletrônico:
- Exporte o dispositivo (este dispositivo pode ser salvo em outro local como backup).
- Remova a máquina virtual recém-criada
- Importar o dispositivo (essas etapas reduzem o tamanho do arquivo da VM)
- Crie um instantâneo (para ser usado como um ponto de verificação)
A partir de agora, quando terminar de testar as páginas da Web, desligue a VM e escolha "Restaurar instantâneo". Isso manterá sua VM organizada e rápida.
Página inicial em http://10.0.2.2:8888/
O sistema operacional convidado pode acessar o sistema operacional host pelo endereço IP 10.0.2.2
. Um servidor em execução na porta 8888
pode ser acessado no convidado http://10.0.2.2:8888/
, mesmo quando o host não possui uma conexão com a Internet.
Por esse motivo, http://10.0.2.2:8888/
é recomendável definir como página inicial.
Possíveis casos de uso:
- Teste uma única página.
- Mostrar automaticamente uma determinada página, dependendo do agente do usuário exposto (por exemplo, por redirecionamento).
- Violino: crie um violino no Chrome e teste-o no Firefox.
- Compartilhe texto e links.
Todas as anteriores podem ser facilmente implementadas em um servidor simples (usei o Node.js , por exemplo).