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?

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.


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.


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


6

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


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.


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.


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.


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 .



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.


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.