SuperPreview para IE
Quem faz desenvolvimento de páginas web tem uma dor de cabeça garantida! O cross-browsing.
Entre todas a que eu considero mais chata e complicada de lidar é o comportamento dos diferentes browsers a renderizar o conteúdo da página. E se já é complicado ter de lidar com todos os diferentes browsers, que têm de estar instalados pior fica ter de lidar com as versões mais antigas e ainda utilizas.
Para tentar resolver o problema dos Internet Explorer a Microsoft disponibiliza o SuperPreview para IE.
Integrada no pacote Expression esta ferramenta permite comparar de forma rápida o layout dos sites que desenvolvemos nas diferentes versões (6, 7 e 8 ) do IE.
Não existe forma de ter no nosso PC as diversas versões deste browser, o que nos obriga a ter ou mais uma (ou 2) máquina de reserva para testes ou ter várias máquinas virtuais apenas para correr as diferentes versões do IE.
Desta forma deixamos de ter confusões e complicações na hora de testar o que produzimos.
A interface é simples, bastando escolher quais os motores de IE que queremos comparar e indicar qual o endereço a ser verificado.
Salientar que devem ter o IE 8 instalado para poderem usar ao máximo as potencialidades desta ferramenta.
Na verdade ela o que traz é o motor do IE6 pois o resto está dentro do IE8. O modo de compatibilidade IE7 faz o resto.
O modo de comparação de layout pode ser alterado para várias posições e pode ser consultado o código html, CSS e as propriedades dos elementos que compõem a página.
É uma ferramenta a ter em conta e a ser usada (e abusada) por quem desenvolve páginas web na hora de validar nos diferentes browser's o que fez.
A versão gratuita apenas permite comparar IE, mas a versão paga (que vem incluída no Expression Web 3) é mais alargada e consegue comprar diversos browser's (IE e Firefox).
Licença: Freeware
Sistemas Operativos: Windows XP/Vista/Win7
Download: SuperPreview para Internet Explorer [18.3MB]
Homepage: SuperPreview
Este artigo tem mais de um ano
Excelente!! Isto é bom 😉
Então mas, por exemplo, o Dreamweaver ja faz isso…e nao é so para um browser..mas sim para todos os que estiverem instalados no computador…
Rafael,
Concordo contigo, no entanto o Dreamweaver é software comercial e não gratuito, e o IE6 + IE7(8) não é fácil de ter na mesma máquina.
hmm..sim tudo bem…tb nao me tinha ocorrido isso xD
Sim, bom post 😉
Muito interessante mesmo.
Cumps
Existe o IETester…http://ietester.com/
Não seria mais recomendável pôr um botão para actualizar o browser? É que já o ie7… mas então o ie6, enfim…
Mais interessante seria comparar diversos browsers, não diversas versões do mesmo.
Devia ter lido a notícia com mais atenção :/
Além do Dreamweaver não ser software gratuito… instalar só para efectuar testes de crossbrowser é descabido.
Sou webdesigner/webdeveloper e não uso DW, nem muitos profissionais que conheço.
Existe também o http://browsershots.org/ que apesar do serviço ser não tão rápido, é bom e é tudo processado online.
Cumprimentos.
Assino por baixo!
Também sou webdesigner/webdeveloper e só uso um bom editor de texto… a maior parte do lixo deixado pelos programas é a causa de muitas incompatibilidades entre browsers. Se o programador tiver cuidado e saber o que faz com o código gerado, certamente não irá ter nenhum tipo de problemas….
O dreamweaver é um bom editor de código, eu uso dreamweaver e é um verdadeiro time-saver.
sim, nao é por usar o DW que o vosso codigo fica melhor ou nao e que o site funciona correctamente em tudo. Alias o preview do DW sempre me deixou um pouco a desejar…
De preferencia, sigam os standarts da w3. Infelizmente o IE ainda está longe de os suportar totalmente mas já é um bom caminho a tomar para funcionar correctamente na maioria dos browsers.
Existem “hacks” (truques) para colocar as coisas a funcionar no IE, fassam antes isso e abusem dos standarts ;). Caso no IE apareca algo mal onde os outros nao surjam, revejam os standarts, se estiver tudo bem, ja sabem onde por a culpa 😛 (claro que o utilizador vai meter em voces, webdesigners! ^^).
Muito bom post.
PS- Não devia ser na última linha onde esta Comprar devia ser Comparar? ( (…)e consegue comprar diversos browser’s(…) )
Muito bom! Vou testar!
Para quem quiser ter os vários IE’s instalados existe um programa que permite fazer essa instalação.
Já usei no XP e apesar de alguns bugs menores, cumpriu lindamente a função.
Deixo o Link: http://tredosoft.com/Multiple_IE
Bom post 🙂
Uma coisa que me surpreende é o Google Sites, tenho alguns sites neste Serviço da Google e no Firefox e Chrome funcionam ás mil maravilhas, já no IE6, 7 ou 8 ficam com o Layout perdido pela janela nalgumas situações.
Tentei de tudo, até nos Forums do Google… a Solução é por passar a “sugerir” aos utilizadores que mudem para o Browser da concorrência para visualizar o Website em condições.
É chato, mas por vezes é a única arma que temos.
Já uma vez, tinha programado um Website manualmente com ferramentas como o Notepad++, no Internet Explorer não ficava tal como o tinha planeado, já no Firefox era ás mil maravilhas. Ora… perdi dezenas de horas a rever imenso código e a arranjar soluções e quando mexia nalguma coisa, outra entrava em conflito.
Solução neste caso foi mesmo desistir e os utilizadores que mudem para o Firefox porque eu já não estava mais para me chatear.
Estive a experimentar, e os links das páginas não funcionam. Dá apenas a imagem da página, mas nada funciona como no IE. Assim como também não funciona o javascript.
Ou me está qualquer coisa a passar ou lado, ou então este programa pouca utilidade tem…