Bagaimana saya bisa melihat seperti apa situs web saya di berbagai browser?

46

Bagaimana saya bisa melihat seperti apa situs web saya di berbagai browser?

Tidak memiliki semua versi browser yang diinstal, apakah ada alat atau layanan yang dapat memberikan pratinjau?

Chris W. Rea
sumber

Jawaban:

32

BrowsersShots dan BrowserLabs adalah apa yang dapat saya pikirkan dari atas kepala saya. Saya pikir ada juga hal lain yang saya gunakan tetapi saya tidak dapat mengingat namanya sekarang.

Sunting: Sedihnya, Adobe menghentikan proyek BrowserLab mereka pada 13 Maret 2013.

Rebecca Chernoff
sumber
1
Pastikan dengan BrowserShots bahwa Anda membatalkan pilihan kemudian pilih beberapa yang Anda inginkan (seperti IE6). Siapa sih yang menggunakan "Dillo" ?!
DisgruntledGoat
10

LitmusApp adalah pemain baru di lapangan. Nilai tambah utama mereka saat ini adalah pengujian klien email (33 klien, termasuk seluler), tetapi mereka juga melakukan pengujian browser "in the cloud" hingga 24 browser. Faktanya, pengujian browser adalah produk pertama mereka, dan masih tersedia secara mandiri melalui alat Alkaline .

Saya menggunakan Alkaline secara rutin. Cukup bagus.

Hal terbaik tentang itu: Anda tidak perlu sendiri atau menginstal salah satu browser yang ingin Anda uji. Mereka menangani semua itu, dan memberi Anda tangkapan layar dari browser yang berjalan pada sistem nyata secara terpisah. Saya menjadi orang sysadmin yang mengerikan, ini ideal.

Andres Jaan Tack
sumber
ya, mereka adalah teman kita - mereka juga menjalankan doctype.com yang ada di catatan kaki (meskipun kemungkinan akan segera terbentur)
Jeff Atwood
6

Ini cukup bagus: http://browsershots.org/

Lihat tampilannya di berbagai browser dan resolusi. Perlu ada di web.

Damien
sumber
6

Saya akan sangat merekomendasikan pengujian IE di IETester , tersedia di sini . Ini ringan, cepat, akurat dan mendukung semua IE dari 5.5-up.

Nat Ryall
sumber
1
IETester memberikan referensi yang baik tentang bagaimana situs Anda terlihat di browser IE. Namun kami memiliki kejadian di mana rendering IE6 berbeda dari mesin rendering IE6 nyata.
Rickjaah
5

Memiliki peramban lokal memberi Anda lebih banyak fleksibilitas. Jika Anda memiliki situs web interaktif di mana Anda perlu mengklik beberapa tombol untuk menguji, Anda tidak dapat memverifikasi ini dengan gambar.

Harun
sumber
5

MS juga memiliki (sebagai bagian dari Expression toolkit) produk yang disebut SuperPreview, yang memungkinkan Anda untuk bekerja secara berdampingan atau overlay dengan versi interaktif situs Anda di semua versi IE dan versi terbaru Firefox.

Ini juga termasuk akses ke layanan web yang menunjukkan kepada Anda seperti apa situs Anda di Safari pada Mac - ini akan menghasilkan gambar output, tetapi juga menggunakan file metadata yang memungkinkan Anda untuk melihat bagian mana dari markup yang dihasilkan bagian mana dari gambar, jadi masih cukup kuat.

Zhaph - Ben Duguid
sumber
4

Ini adalah salah satu alasan inti untuk dikembangkan pada komputer Apple. Menggunakan VMWare Fusion atau perangkat lunak emulasi lainnya, ini adalah satu-satunya komputer yang dapat Anda instal secara legal semua sistem operasi utama.

Kemudian Anda dapat menguji browser yang sebenarnya di OS yang sebenarnya, tidak bergantung pada sumber luar untuk melakukan pekerjaan kotor Anda untuk Anda, di mana Anda dapat menggunakan alat debugging asli untuk memperbaiki / mendiagnosis kesalahan.

Dan Gayle
sumber
Mengapa Apple? Anda juga dapat menggunakan virtualbox.org di Linux atau Windows ...
mbrochh
1
Mengapa Apple? Karena Anda tidak dapat menginstal OSX di Linux atau Windows tanpa melanggar Ketentuan Layanan.
Dan Gayle
1
Bagi saya itu agak konyol, Anda mengatakan salah satu alasan utama untuk mengembangkan Apple adalah Anda tidak diperbolehkan menggunakan OSX di komputer lain.
Jika saya dapat menjalankan Hackintosh secara sah, saya mungkin akan mengesampingkan masalah perangkat keras. Tapi sekali lagi, itu hanya satu pertimbangan.
Dan Gayle
4

Menggunakan pratinjau untuk desain umum itu bagus, tetapi jangan lupa untuk menguji perilaku situs Anda juga. Ini sangat berguna jika Anda menggunakan banyak efek hover, ajax atau java-script, yang tidak dapat Anda lihat pada gambar.

Saya menggunakan VmWare dengan mesin virtual yang berbeda dengan browser yang paling penting diinstal secara terpisah.

Jika Anda menggunakan Windows 7 Ultimate, saya dapat merujuk Anda ke tutorial dengan Virtual PC dan Mode Xp, yang merupakan solusi untuk menjalankan versi IE yang berbeda pada satu host .

Sven
sumber
4

Anda mungkin ingin memeriksa utas di StackOverflow yang disebut: Menguji situs web di peramban seluler .

Casebash
sumber
1
Saya pikir tidak masalah untuk topik yang akan diduplikasi di sini karena itu adalah minat khusus untuk webmaster.
Jeff Atwood
1
@ Jeff: Itu sebabnya saya menggunakan jawaban, daripada menandai sebagai duplikat
Casebash
3

MogoTest adalah startup TechStars terbaru yang melakukan ini dengan baik. Ini memberikan tangkapan layar dari berbagai browser dan OS, dan memvalidasi HTML & CSS Anda juga.

Jay Neely
sumber