Bagaimana cara mengembalikan "mode Browser" di IE11?

132

PEMBARUAN : Pertanyaan lama hanya berlaku untuk pratinjau IE11; Mode browser telah kembali dalam rilis final IE11. Tetapi ada satu tangkapan: itu tidak berguna, karena tidak meniru komentar bersyarat. Misalnya, jika Anda menggunakannya untuk mengaktifkan dukungan HTML5 di IE lama, Anda tidak akan lagi dapat men-debug situs Anda di IE11.

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

Baca pertanyaan StackOverflow lain dan masalah pelacak bug IE . Microsoft tidak pernah menanggapi hal ini, jadi sepertinya mereka memperkenalkan bug ini dengan tujuan untuk mengarahkan orang agar membeli langganan BrowserStack. Emulasi komentar bersyarat bekerja dengan baik dalam rilis pratinjau.

PERTANYAAN ASLI : Ketika pratinjau IE11 diinstal pada Windows 7, ia datang dengan alat F12 kuno yang memungkinkan untuk mengubah mode browser. masukkan deskripsi gambar di sini

Namun, jika Anda masuk ke menu "Alat" dan memilih alat pengembang "F12", itu akan diganti dengan alat pengembang baru, dan "Mode browser" tidak lagi tersedia. masukkan deskripsi gambar di sini

Satu-satunya cara untuk mengembalikannya adalah dengan menghapus instalan IE11 dan menginstalnya kembali.

Apakah ada cara yang lebih mudah untuk beralih di antara mode browser di IE11?

Evgeny
sumber
1
Ini sepertinya pertanyaan yang bagus untuk forum khusus MS (atau mungkin laporan bug!)
Mathletics
4
@Mathletics - ini bukan bug, ini cukup disengaja.
Spudley
2
Bagaimana Anda bisa mendapatkan layar pertama? Mengapa saya menekan F12 LAYAR KEDUA muncul.
Sliq
1
@Panique - baru ada di sana ketika saya pertama kali menginstal IE11. Mungkin itu karena saya selalu memiliki alat F12 di IE10, jadi entah bagaimana memigrasi pengaturan ini. Lalu saya bisa menggunakan tombol F12 untuk menunjukkan dan menyembunyikannya. JANGAN PERGI KE ALAT MENU. Jika Anda ingin mengembalikannya, hapus instalan pembaruan IE11 terlebih dahulu. Bekerja untukku.
Evgeny
1
Posting dari Sitepoint.com: IE11: Mode browser kembali (di Windows 8.1) .
Sliq

Jawaban:

146

[MEMPERBARUI]

Pertanyaan asli, dan jawaban di bawah ini diterapkan khusus untuk rilis pratinjau IE11 .

The versi rilis final dari IE11 tidak pada kenyataannya memberikan kemampuan untuk mode beralih browser dari tab Emulation dalam alat dev:

Cuplikan layar memperlihatkan pemilihan mode browser di tab emulasi

Karena itu, saran yang saya berikan di sini (dan di tempat lain) untuk menghindari penggunaan mode kompatibilitas untuk pengujian masih valid: Jika Anda ingin menguji situs Anda untuk kompatibilitas dengan versi IE yang lebih lama, Anda harus selalu melakukan pengujian dalam salinan asli dari versi IE tersebut.

Namun, ini berarti bahwa peretasan registri yang dijelaskan dalam jawaban @ EugeneXa untuk membawa kembali alat dev lama tidak lagi diperlukan, karena alat dev baru sekarang memiliki fitur yang hilang.


[JAWABAN ASLI]

Para IE devs telah dengan sengaja mengurangi kemampuan untuk berganti mode browser.

Tidak ada banyak alasan mengapa orang akan beralih mode di alat dev, tetapi salah satu alasan utama adalah karena mereka ingin menguji situs mereka dalam versi IE lama. Sayangnya, berbagai mode kompatibilitas yang disediakan oleh IE tidak pernah benar-benar sepenuhnya kompatibel dengan versi IE lama, dan pengujian menggunakan mode compat sama sekali bukan pengganti yang cukup baik untuk pengujian dalam salinan nyata IE8, IE9, dll.

Para IE devs telah mengenali hal ini dan sengaja mempersulit para devs untuk membuat kesalahan ini.

Praktik terbaik adalah menggunakan salinan nyata dari setiap versi IE untuk menguji situs Anda.

Berbagai mode kompatibilitas masih tersedia di dalam IE11, tetapi hanya dapat diakses jika situs secara eksplisit menyatakan bahwa ia ingin berjalan dalam mode compat. Anda akan melakukan ini dengan memasukkan X-UA-Compatibletajuk pada halaman Anda.

Dan drop-box Document Mode masih tersedia, tetapi hanya akan menawarkan opsi "Edge" (yaitu, mode terbaik yang tersedia untuk versi IE saat ini, jadi mode IE11 di IE11) atau mode yang sedang dijalankan halaman di.

Jadi, jika Anda pergi ke halaman yang dimuat dalam mode compat, Anda akan memiliki opsi untuk beralih di antara mode compat spesifik yang mana halaman itu dimuat dalam mode IE11 "Edge".

Dan jika Anda pergi ke halaman yang memuat dalam mode IE11, maka Anda hanya akan ditawari mode 'tepi' dan tidak ada yang lain.

Ini berarti bahwa itu masih memungkinkan Anda untuk menguji bagaimana halaman mode komputer bereaksi terhadap diperbarui untuk bekerja dalam mode Edge, yang merupakan satu-satunya kasus penggunaan yang benar-benar sah untuk drop-box mode dokumen.

Kotak drop IE11 Document Mode memiliki iikon di sebelahnya yang membawa Anda ke situs web modern.ie. Maksudnya adalah untuk mendorong Anda mengunduh VM yang disediakan MS bagi kami untuk menguji situs kami menggunakan salinan nyata dari setiap versi IE. Ini akan memberi Anda pengalaman pengujian yang jauh lebih akurat, dan sangat dianjurkan sebagai praktik yang jauh lebih baik daripada pengujian dengan mengganti mode pada perangkat dev.

Harapan itu menjelaskan sedikit hal untuk Anda.

Spudley
sumber
8
Meskipun pengujian menggunakan VM gratis yang disediakan oleh MS benar-benar lebih baik, tetapi juga lebih memakan waktu. Saya harus menjalankan VM, saya harus beralih di antara beberapa VM yang berbeda dan saya harus menginstal ulang pengacau kecil setiap kali timer aktivasi habis karena mereka tidak menyediakan kunci aktivasi. Tetap saja, saya kira kita harus bersyukur mereka benar-benar mengambil kesulitan mengatur VMs ini. Anda bisa menangkap banyak gotcha dengan mode compat F12 lama dan kemudian memverifikasi sekali menggunakan VM. Tapi saya ngelantur.
ivarni
7
Saya mengerti mengapa mereka berpikir itu ide yang baik untuk mencabut dropdown mode Kompatibilitas, tapi saya pikir itu juga merupakan tamparan bagi para pengembang yang menghabiskan waktu memastikan situs mereka bekerja di IE. Seperti yang disebutkan orang lain, memeriksa bug yang jelas menggunakan pemeriksa kompatibilitas bekerja dengan baik. Plus Anda memiliki keuntungan dari seperangkat alat dev setengah layak (dibandingkan dengan sampah yang merupakan alat di IE7 dan bahkan 8.) Saya membuat praktik memeriksa di VMs juga, dev yang baik akan melakukannya. Tetapi perubahan ini hanya akan berarti lebih sedikit devs peduli tentang membuat hal-hal bekerja di IE lama.
LocalPCGuy
4
Sebagai tambahan, saya tidak harus memuat OS penuh dalam VM untuk menguji browser yang bodoh. Jika Microsoft benar-benar ingin para dev untuk memastikan barang-barang mereka bekerja di versi IE yang lebih lama, mereka harus menyediakan opsi GRATIS yang lebih baik untuk melakukannya. Kalau tidak, sepertinya mereka mendorong para dev untuk mengabaikan versi lama dan hanya khawatir tentang mengatasi bug di versi yang lebih baru.
LocalPCGuy
9
Tidak ... BrowserStack tidak gratis, VMs adalah rasa sakit di pantat untuk digunakan (jangan bilang sebaliknya, saya sudah menyiapkan semuanya, dan harus mengatur ulang setiap 3 bulan, dll ... mereka menyakitkan ). Saya tahu semua tentang penawaran Modern.ie dan Microsoft. Microsoft mengambil metode sederhana dan gratis yang bekerja untuk sekitar 90% dari hal-hal yang paling perlu diuji oleh para dev, dan menggantinya dengan VM yang tidak jelas atau membayar layanan. Warna saya tidak terkesan. Dan saya adalah salah satu pendukung Microsoft, bekerja terutama di toko .NET. Dan saya pikir ini DUMB.
LocalPCGuy
4
Saya melihat ini sebagai: "Kami mengacau, dan kami memberi Anda alat yang salah untuk mengatasi kesalahan kami, jadi sekarang kami akan mengarahkan Anda ke alat yang memberi kami uang."
Zenexer
19

Meskipun menggunakan mesin virtual adalah cara terbaik untuk menguji IE lama, dimungkinkan untuk mengembalikan alat F12 kuno dengan mengedit registri karena IE11 menimpa nilai ini ketika alat F12 baru diaktifkan.

Terima kasih kepada Dimitri Nickola yang luar biasa untuk trik ini. masukkan deskripsi gambar di sini

Ini berfungsi untuk saya (simpan sebagai file .reg dan jalankan):

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
Evgeny
sumber
8
Saya tidak tahu apakah akan terkesan bahwa seseorang berhasil menemukan cara untuk meretas IE11 untuk mendapatkan alat dev lama kembali, atau tertekan bahwa mereka bersedia mengorbankan semua hal baru yang luar biasa dalam alat dev IE11 hanya demi bisa beralih mode browser. :-(
Spudley
7
Itu ada hubungannya dengan warisan Microsoft dalam memproduksi browser yang memenuhi standar non-W3C. Tidak ada yang salah dengan IE10 atau 11 - mereka adalah browser modern yang bagus. Semuanya tentang 9 dan 8 dan, sampai saat ini 7 dan 6. Karena tidak mungkin untuk menginstalnya bersama IE modern di, Windows 8, alat emulasi yang baik diperlukan.
Evgeny
1
Triknya di sini menarik, tetapi jelas tidak didukung oleh Microsoft dan bisa memiliki efek samping yang tidak disengaja.
EricLaw
5
Saya tidak berpikir ini tidak ada gunanya sama sekali. Alur kerja saya saat menguji IE adalah pertama-tama menggunakan mode compat F12 dan menyelesaikan masalah yang saya temukan dan KEMUDIAN saya mengalami kesulitan menjalankan VM. Ini jauh lebih efisien daripada melakukan semua pengujian IE di (berbeda) VM (s).
ivarni
2
Untuk membuat reg hack ini berfungsi untuk saya, saya juga harus memperbarui nilai ITBar7Layout64. Itu bekerja kemudian, namun menutup dan membuka alat F12 jatuh IE :) Untung saya membuat cadangan kunci reg.
Ian Yates
17

Anda bisa mendapatkan ini menggunakan mode Dokumen Emulasi (Ctrl + 8) (10,9,8,7,5), Profil Browser (Desktop, Windows Phone)

masukkan deskripsi gambar di sini

Rajnikanth
sumber
Terima kasih telah berbagi di mana menemukan itu, saya bingung! :)
Michelle
5

Cara termudah, terutama jika di MSDN ,, membuang-buang waktu saya, MS bodoh

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

  1. Buka panel Alat Pengembang. Untuk melakukan ini, tekan F12.
  2. Buka layar Emulation. Untuk melakukan ini, tekan Ctrl + 8.
  3. Pada daftar Mode dokumen di bawah Mode, klik 9.
  4. Pada daftar string Agen pengguna di bawah Mode, klik Internet Explorer 9.
Sam
sumber
3
Hanya FYI yang sopan, cobalah untuk memasukkan rincian resolusi, daripada sekadar memberikan tautan. Jika tautannya turun, maka jawabannya tidak berguna bagi seseorang di masa depan. Tautan ini bermanfaat, tetapi simpan sebagai rujukan terkait dengan informasi yang Anda masukkan dalam jawaban terperinci Anda .
Anil Natha
4

Anda bisa mengatasinya dengan mengatur X-UA-Compatibletajuk meta untuk versi spesifik IE yang sedang Anda debug. Ini akan mengubah Mode Browser ke versi yang Anda tentukan di header.

Sebagai contoh:

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

Agar Mode Browser diperbarui pada Alat Pengembang, Anda harus menutup [Alat Pengembang] dan buka kembali. Ini akan beralih ke versi spesifik itu.

Beralih dari versi minor ke versi yang lebih besar akan berfungsi dengan baik dengan menyegarkan, tetapi jika Anda ingin beralih dari versi yang lebih besar ke versi minor, seperti dari 9 ke 7, Anda perlu membuka tab baru dan memuat halaman lagi.

Berikut screenshotnya:

masukkan deskripsi gambar di sini

mendezcode
sumber
2

Di IE11 kita dapat mengubah agen pengguna ke IE10, IE9 dan bahkan sebagai windows phone. Sangat bagus

Lingaraj RM
sumber
3
Itu hanya mengubah string agen pengguna; itu tidak mengubah cara peramban berperilaku. Ini sama sekali tidak berguna untuk pengujian kompatibilitas.
Zenexer
2

Bagaimana cara mengembalikan "mode Browser" di IE11?

Cara mudah untuk mengembalikannya adalah dengan pergi ke Emulation (ctrl +8)

dan lakukan perubahan string agen pengguna. (lihat gambar terlampir)

masukkan deskripsi gambar di sini

pedram
sumber
Itu hanya mengubah string agen pengguna; itu tidak mengubah cara peramban berperilaku. Ini sama sekali tidak berguna untuk pengujian kompatibilitas. Juga, contoh Anda menggunakan X-UA-Compatible.
Zenexer
2

Microsoft memiliki alat hanya untuk tujuan ini: Microsoft Expression Web. Ada versi gratis dengan banyak sampah seperti FrontPage / Dreamweaver yang tidak diinginkan siapa pun. Yang penting adalah ia memiliki fitur pengujian browser yang hebat. Saya menjalankan Windows 8.1 Pro (rilis final, bukan pratinjau) dengan Internet Explorer 11. Saya mendapatkan browser lokal ini :

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Versi yang Tidak Didukung (tidak dapat menggunakannya; whoop besar, saya punya browser)

Kemudian saya mendapatkan opsi Remote Browser (Beta). Saya seharusnya mendaftar dengan email yang valid, tetapi ada kesalahan saat berkomunikasi dengan server. Baiklah.

Dulu Firefox didukung, tetapi saya tidak melihatnya sekarang. Mungkin bersembunyi.

Saya dapat membandingkan berdampingan antara versi browser. Saya juga dapat membandingkan dengan gambar, atau tampaknya, file PSD (tidak tahu seberapa bagus kerjanya). InDesign akan menyenangkan, tapi itu mungkin meminta terlalu banyak.

Saya memiliki versi lengkap dari Ekspresi yang terinstal sebagian juga karena Visual Studio Ultimate berada di komputer yang sama, jadi saya akan menghargai seseorang yang mengonfirmasi dalam komentar bahwa instalasi gratis saya tidak secara otomatis ditingkatkan.

Pembaruan: Sepertinya layanan online dihentikan , tetapi browser lokal masih didukung. Anda juga dapat mengunduh SuperPreview saja , tanpa editor sampah. Jika Anda menginginkan IDE lengkap, versi terbaru adalah Microsoft Expression Web 4 (Versi Gratis) . Berikut daftar resmi browser yang didukung . IE6 tampaknya memberikan kesalahan pada Windows 8.1, tetapi IE7 berfungsi.

Pembaruan 2014-12-09: Microsoft telah cukup banyak menyerah pada ini. Jangan berharap itu bekerja dengan baik.

Zenexer
sumber
Terakhir kali saya melihat Expression Web / Super Preview hanya memberikan snapshot statis suatu halaman di berbagai browser. Sementara ini yang diinginkan oleh perancang web pixel-sempurna, bukan itu yang diinginkan devs - kami ingin berinteraksi dengan halaman, men-debug js dan CSS dan memanipulasi DOM, dan di situlah alat pengembang IE masuk.
berlayar
@aille Saya tidak memilikinya di depan saya saat ini, tapi saya cukup yakin ini interaktif.
Zenexer