Como recuperar o "modo Navegador" no IE11?


132

ATUALIZAÇÃO : A pergunta antiga se aplica apenas à visualização do IE11; O modo navegador retornou na versão final do IE11. Mas há um problema: é quase inútil, porque não emula comentários condicionais. Por exemplo, se você usá-los para habilitar o suporte a HTML5 no IEs herdado, não poderá mais depurar seu site no IE11.

        <!--[if lte IE 8]>
            <script src="html5shiv.js"></script>
        <![endif]-->

Leia outra pergunta sobre o StackOverflow e o problema do rastreador de erros do IE . A Microsoft nunca respondeu a isso, então parece que eles introduziram esse bug de propósito para levar as pessoas a comprar assinaturas do BrowserStack. A emulação condicional de comentários funcionou bem na versão prévia.

PERGUNTA ORIGINAL : Quando a visualização do IE11 é instalada no Windows 7, ela vem com a ferramenta F12 antiquada, que permite alterar os modos do navegador. insira a descrição da imagem aqui

No entanto, se você for ao menu "Ferramentas" e selecionar a ferramenta de desenvolvedor "F12", ela será substituída por novas ferramentas de desenvolvedor e o "modo Navegador" não estará mais disponível. insira a descrição da imagem aqui

A única maneira de trazê-lo de volta é desinstalar o IE11 e reinstalá-lo.

Existe uma maneira mais fácil de alternar entre os modos do navegador no IE11?


1
Esta parece ser uma grande pergunta para um fórum específico MS (ou, eventualmente, um relatório de erro!)
Mathletics

4
@ Matletics - não é um bug, é bastante deliberado.
Spudley

2
Como diabos você conseguiu a primeira tela? Por que pressiono F12, a SEGUNDA TELA aparece.
Sliq 27/07

1
@ Panique - estava lá quando eu instalei o IE11. Provavelmente é porque eu sempre tenho a ferramenta F12 presente no IE10, por isso de alguma forma migrou essa configuração. Então eu posso usar a tecla F12 para mostrar e ocultar. APENAS NÃO VAI AO MENU FERRAMENTAS. Se você deseja trazê-lo de volta, desinstale a atualização do IE11 primeiro. Funciona para mim.
Evgeny 29/07

Respostas:


146

[ATUALIZAR]

A pergunta original e a resposta abaixo se aplicavam especificamente às versões de pré-visualização do IE11 .

A versão final do IE11 não de fato fornecer a capacidade de modos navegador interruptor da guia de emulação nas ferramentas de desenvolvimento:

Captura de tela mostrando a seleção do modo do navegador na guia emulação

Dito isso, os conselhos que eu dei aqui (e em outros lugares) para evitar o uso de modos de compatibilidade para teste ainda são válidos: Se você deseja testar a compatibilidade do seu site com versões mais antigas do IE, deve sempre fazer o teste em uma cópia real daqueles versão do IE.

No entanto, isso significa que o hack do registro descrito na resposta do @ EugeneXa para recuperar as antigas ferramentas de desenvolvimento não é mais necessário, pois as novas ferramentas de desenvolvimento agora têm o recurso que estava faltando.


[RESPOSTA ORIGINAL]

Os desenvolvedores do IE descontinuaram deliberadamente a capacidade de alternar o modo do navegador.

Não há muitas razões pelas quais as pessoas trocariam de modo nas ferramentas de desenvolvimento, mas uma das principais razões é porque elas querem testar seu site nas versões antigas do IE. Infelizmente, os vários modos de compatibilidade fornecidos pelo IE nunca foram totalmente compatíveis com as versões antigas do IE, e o teste usando o modo compat simplesmente não é um substituto suficiente para testar cópias reais do IE8, IE9, etc.

Os desenvolvedores do IE reconheceram isso e estão deliberadamente dificultando o erro dos desenvolvedores.

A melhor prática é usar cópias reais de cada versão do IE para testar seu site.

Os vários modos de compatibilidade ainda estão disponíveis no IE11, mas só podem ser acessados ​​se um site declarar explicitamente que deseja executar no modo compat. Você faria isso incluindo um X-UA-Compatiblecabeçalho em sua página.

E a caixa suspensa Modo de documento ainda está disponível, mas sempre oferece as opções de "Borda" (ou seja, o melhor modo disponível para a versão atual do IE, portanto, o modo IE11 no IE11) ou o modo em que a página está sendo executada. no.

Portanto, se você for para uma página carregada no modo compat, terá a opção de alternar entre o modo compat específico em que a página foi carregada ou o modo "Edge" do IE11.

E se você for para uma página carregada no modo IE11, será oferecido apenas o modo 'borda' e nada mais.

Isso significa que ainda permite testar como uma página do modo compat reage à atualização para funcionar no modo Edge, que é o único caso de uso realmente legítimo da caixa de seleção do modo de documento.

A caixa suspensa IE11 Document Mode tem um iícone ao lado, que o leva ao site modern.ie. O objetivo disso é incentivá-lo a baixar as VMs que a MS está fornecendo para testar nossos sites usando cópias reais de cada versão do IE. Isso proporcionará uma experiência de teste muito mais precisa e é fortemente incentivado como uma prática muito melhor do que o teste, alternando o modo nas ferramentas de desenvolvimento.

Espero que isso explique um pouco as coisas para você.


8
Embora o teste usando as VMs gratuitas fornecidas pela MS seja absolutamente melhor, também consome mais tempo. Tenho que iniciar a VM, tenho que alternar entre várias VMs diferentes e tenho que reinstalar os pequenos bugs sempre que o timer de ativação terminar, pois eles não forneceram nenhuma chave de ativação. Ainda assim, acho que deveríamos agradecer por eles terem realmente se dado ao trabalho de configurar essas VMs. Você pode pegar muitas dicas com os antigos modos compatíveis com F12 e depois verificar uma vez usando as VMs. Mas eu discordo.
Ivarni

7
Entendo por que eles acham que é uma boa ideia descontinuar o modo suspenso Compatibilidade, mas acho que também é um tapa na cara de qualquer desenvolvedor que realmente gasta tempo para garantir que seu site funcione no IE. Como já mencionado, a verificação de bugs óbvios usando o verificador de compatibilidade funcionou bem. Além disso, você tinha a vantagem de um conjunto decente de ferramentas de desenvolvimento (em comparação com o lixo que eram as ferramentas no IE7 e até 8.). Eu faço a prática de verificar também nas VMs, qualquer bom desenvolvedor faria. Mas essa mudança significará que menos desenvolvedores se preocupam em fazer as coisas funcionarem no IE antigo.
usar o seguinte código

4
Como um aparte, eu não deveria ter que carregar um SO completo em uma VM para testar um navegador estúpido. Se a Microsoft realmente quisesse que os desenvolvedores garantissem que seus itens funcionassem em versões mais antigas do IE, eles deveriam oferecer uma opção GRATUITA melhor para isso. Caso contrário, com certeza parece que eles estão incentivando os desenvolvedores a ignorar as versões antigas e se preocupar apenas em solucionar os erros nas versões mais recentes.
precisa saber é o seguinte

9
Não ... O BrowserStack não é gratuito, as VMs são difíceis de usar (não me diga o contrário, eu tenho todas elas configuradas e preciso redefini-las a cada 3 meses, etc.). ) Eu sei tudo sobre o Modern.ie e as ofertas da Microsoft. A Microsoft está retirando um método simples e gratuito que funcionou para cerca de 90% das coisas que a maioria dos desenvolvedores precisa testar e substituindo-o por VMs desarrumadas ou serviços pagos. Não me deixe impressionado. E sou um dos apoiadores da Microsoft, trabalho principalmente em uma loja .NET. E eu acho que isso é DUMB.
precisa saber é o seguinte

4
Vejo isso como: "Nós estragamos tudo e demos as ferramentas erradas para lidar com nossos erros. Agora, vamos apontar para ferramentas que nos dão dinheiro".
Zenexer

19

Embora o uso de máquinas virtuais seja a melhor maneira de testar IEs antigos, é possível recuperar ferramentas F12 antiquadas, editando o registro, pois o IE11 substitui esse valor quando a nova ferramenta F12 é ativada.

Obrigado ao incrível Dimitri Nickola por este truque. insira a descrição da imagem aqui

Isso funciona para mim (salve como arquivo .reg e execute):

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
  15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1

8
Não sei se estou impressionado que alguém tenha conseguido encontrar uma maneira de hackear o IE11 para recuperar as antigas ferramentas de desenvolvimento ou deprimido por estar disposto a sacrificar todas as coisas novas e incríveis nas ferramentas de desenvolvimento do IE11 apenas por uma questão de poder mudar o modo do navegador. :-(
Spudley

7
Isso tem tudo a ver com o legado da Microsoft de produzir navegadores não compatíveis com o padrão W3C. Não há nada errado com o IE10 ou 11 - eles são ótimos navegadores modernos. É tudo sobre 9 e 8 e, até recentemente, 7 e 6. Como é impossível instalá-los juntamente com o IE moderno no Windows 8, é necessária uma boa ferramenta de emulação.
Evgeny

1
O truque aqui é interessante, mas obviamente não é suportado pela Microsoft e pode ter efeitos colaterais indesejados.
31813 EricLaw

5
Eu não acho que isso seja inútil. Meu fluxo de trabalho ao testar o IE é usar primeiro o modo compatível F12 e resolver todos os problemas que encontrar e, em seguida, enfrentar o problema de iniciar uma VM. Isso é muito mais eficiente do que fazer todos os testes do IE em VM (s) diferentes.
Ivarni

2
Para fazer esse registro hackear para mim, eu também tive que atualizar o valor ITBar7Layout64. Funcionou então, no entanto, o fechamento e a abertura das ferramentas F12 causaram um crash no IE :) Ainda bem que fiz um backup da chave reg.
21813 Ian Yates

17

Você pode obter isso usando o modo de documento Emulação (Ctrl + 8) (10,9,8,7,5), Perfil do navegador (Área de trabalho, Windows Phone)

insira a descrição da imagem aqui


Obrigado por compartilhar onde encontrar isso, fiquei perplexo! :) #
26263 Michelle

5

A maneira mais fácil, especialmente se estiver no MSDN, perdi horas do meu tempo, MS estúpido

http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. Abra o painel Ferramentas do desenvolvedor. Para fazer isso, pressione F12.
  2. Abra a tela de emulação. Para fazer isso, pressione Ctrl + 8.
  3. Na lista Modo de documento, em Modo, clique em 9.
  4. Na lista de cadeias de agentes do usuário em Modo, clique em Internet Explorer 9.

3
Apenas uma FYI cortês, tente incluir os detalhes da resolução, em vez de simplesmente fornecer um link. Se o link cair, a resposta será inútil para uma pessoa no futuro. O link é útil, mas mantenha-o como uma referência vinculada às informações que você inclui em sua resposta detalhada .
Anil Natha

4

Você pode contornar isso definindo o X-UA-Compatiblecabeçalho meta para a versão específica do IE com a qual está depurando. Isso mudará o modo do navegador para a versão especificada no cabeçalho.

Por exemplo:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Para que o Modo Navegador seja atualizado nas Ferramentas do desenvolvedor, feche [as Ferramentas do desenvolvedor] e reabra novamente. Isso mudará para essa versão específica.

A mudança de uma versão secundária para uma versão maior funcionará bem com a atualização, mas se você quiser voltar de uma versão maior para uma versão secundária, como 9 a 7, será necessário abrir uma nova guia e carregar o página novamente.

Aqui está uma captura de tela:

insira a descrição da imagem aqui


2

No IE11, podemos alterar o agente do usuário para o IE10, IE9 e até mesmo como windows phone. É realmente bom


3
Isso apenas altera a cadeia do agente do usuário; isso não muda o comportamento do navegador. É completamente inútil para testes de compatibilidade.
Zenexer

2

Como recuperar o "modo Navegador" no IE11?

A maneira mais fácil de trazer de volta é ir para Emulação (ctrl +8)

e altere a sequência do agente do usuário. (ver imagem em anexo)

insira a descrição da imagem aqui


Isso apenas altera a cadeia do agente do usuário; isso não muda o comportamento do navegador. É completamente inútil para testes de compatibilidade. Além disso, seu exemplo está usando X-UA-Compatible.
Zenexer

2

A Microsoft possui uma ferramenta apenas para esse fim: Microsoft Expression Web. Há uma versão gratuita com um monte de lixo parecido com o FrontPage / Dreamweaver que ninguém deseja. O importante é que ele tenha um ótimo recurso de teste de navegador. Estou executando o Windows 8.1 Pro (versão final, não prévia) com o Internet Explorer 11. Eu obtenho estes navegadores locais :

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Versão não suportada (não é possível usá-lo; grande grito, eu tenho o navegador)

Então, recebo a opção Navegadores remotos (Beta). Eu devo me inscrever com um email válido, mas há um erro na comunicação com o servidor. Ah bem.

O Firefox costumava ser suportado, mas não o vejo agora. Pode estar escondido.

Posso comparar lado a lado entre as versões do navegador. Também posso comparar com uma imagem ou, aparentemente, um arquivo PSD (não faço ideia de como isso funciona). O InDesign seria legal, mas isso provavelmente está pedindo muito.

Eu tenho a versão completa do Expression parcialmente instalada também devido ao Visual Studio Ultimate estar no mesmo computador, por isso gostaria de alguém que confirme em um comentário que minha instalação gratuita não está sendo atualizada automaticamente.

Atualização: parece que o serviço online foi descontinuado , mas os navegadores locais ainda são suportados. Você também pode baixar apenas o SuperPreview , sem o lixo do editor. Se você deseja o IDE completo, a versão mais recente é o Microsoft Expression Web 4 (versão gratuita) . Aqui está a lista oficial de navegadores suportados . O IE6 parece dar um erro no Windows 8.1, mas o IE7 funciona.

Atualização 09-12 2014: A Microsoft praticamente desistiu disso. Não espere que funcione bem.


Na última vez em que olhei, o Expression Web / Super Preview fornece apenas instantâneos estáticos de uma página em vários navegadores. Enquanto isso é o que de pixel-perfect web designers querem, não é o que devs quer - queremos interagir com páginas, js depuração e CSS e manipular o DOM, e é aí que as ferramentas de desenvolvedor do IE entrar.
saille

@ saille Eu não tenho isso na minha frente no momento, mas tenho certeza de que é interativo.
Zenexer 15/05
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.