Beranda » Coding » Panduan Lengkap untuk Pemeriksaan Kompatibilitas Lintas Browser

    Panduan Lengkap untuk Pemeriksaan Kompatibilitas Lintas Browser

    Pengguna internet memiliki pilihan browser yang lebih luas untuk berselancar di internet. Adalah tanggung jawab kami sebagai perancang dan pengembang untuk memastikan bahwa situs web yang kami buat kompatibel untuk sebagian besar peramban yang umum digunakan saat ini.

    Itu mengarah ke pertanyaan sederhana namun kritis - browser apa yang pengunjung kami gunakan? Menurut w3school, browser yang umum digunakan adalah Internet Explorer 7 & 8 dan Firefox dengan Safari dan Google Chrome secara bertahap mengambil. Tetapi angka-angkanya mungkin berbeda dari situs ke situs, tergantung pada ceruknya. Cara terbaik untuk mendapatkan demografi dari metrik situs Anda, Google Analytics contohnya.

    Setelah Anda mengidentifikasi peramban umum yang digunakan pengunjung, maka inilah saatnya untuk memastikan situs web menampilkan yang sama di peramban ini. Hampir tidak mungkin menginstal semua browser yang berbeda dalam satu mesin. Namun berkat beberapa alat dan layanan web di luar sana, mencari tahu bagaimana situs web Anda terlihat seperti di peramban lain adalah mungkin.

    Pada artikel ini, kami ingin menyampaikan kepada Anda beberapa solusi yang dapat Anda andalkan untuk melakukan pengujian kompatibilitas lintas-browser. Daftar lengkap setelah lompat.

    Uji Kompatibilitas Online

    Peramban

    Browsershots adalah utilitas pengujian kompatibilitas beberapa browser lintas platform gratis dan paling populer untuk perancang web. Peramban membuat tangkapan layar dari desain web Anda di peramban yang berbeda. Dalam basis data Peramban disertakan semua peramban paling populer dan Anda dapat dengan mudah memeriksa bagaimana situs web Anda terlihat di semua peramban dan platform OS.

    Browser Sandbox

    Dibuat oleh Spoon.net, halaman ini memungkinkan Anda menjalankan berbagai browser termasuk IE, Firefox, Safari, Chrome dan Opera langsung dari browser Anda. Sederhana seperti itu.

    Netrenderer

    IE NetRenderer adalah tester kompatibilitas browser gratis. Dengan IE NetRenderer Anda dapat memeriksa bagaimana situs web dirender oleh berbagai versi Internet Explorer. Setelah pengujian beta, segera di IE NetRenderer akan diintegrasikan versi terbaru dari IE - IE9 dan Anda akan dapat melihat apakah situs web Anda menunjukkan kesalahan pada browser ini..

    Browsrcamp

    Browsrcamp memungkinkan Anda untuk menguji kompatibilitas desain Anda dengan browser Mac OS X. Jika Anda tidak ingin menghabiskan uang, Anda dapat memeriksa kompatibilitas desain Anda dengan Safari 3.1.2. Cukup tambahkan url situs web Anda dan Anda akan mendapatkan tangkapan layar situs web Anda. Tetapi jika Anda ingin memeriksa kompatibilitas dengan browser Mac lain, Anda dapat berlangganan sebesar $ 3.

    Adobe Browserlab

    Adobe Browserlab adalah layanan yang dihosting web yang memungkinkan perancang menguji desain pada banyak browser dan sistem operasi. Dalam sistem ini disertakan fungsi zoom dan alat pengukuran seperti penggaris dan panduan, dan kemampuan untuk bergerak cepat ke area tertentu dari tangkapan layar. Perangkat browser memungkinkan perancang untuk menyesuaikan, mengedit, dan menyimpan kombinasi browser untuk diuji.

    Litmusapp

    Litmus menunjukkan tangkapan layar situs web Anda saat mereka melihat semua peramban web utama. Setelah Anda selesai pengujian, Anda bisa mendapatkan laporan kompatibilitas penuh siap untuk ditinjau oleh klien Anda. Litmus memiliki 4 paket harga. Anda dapat mendaftar secara gratis dan hanya menggunakan pengujian browser Explorer 7 dan Firefox 2 atau Anda dapat memilih paket biaya.

    Pengamat situs Anybrowser

    Anybrowser Site Viewer memungkinkan Anda melihat halaman HTML seperti browser lain, atau dalam ukuran layar yang berbeda. Anda dapat berpindah dari satu tautan ke tautan lain yang melihat halaman seperti yang muncul di berbagai browser dan memeriksa kemurnian hanya teks. Selain itu, Penampil Situs Anybrowser memungkinkan Anda memilih elemen halaman tertentu.

    Fundisom

    Fundisom adalah generator tangkapan layar Mac yang memungkinkan Anda melihat situs Anda pada Macintosh G5 di Safari, MacIE, atau Mozilla. Untuk saat ini pengembangan web lixlpixel Generator Screenshot Safari sementara offline, tetapi Anda dapat memeriksanya nanti.

    Lynxview delorie

    Delorie lynxview adalah layanan yang memungkinkan penulis web untuk melihat seperti apa halaman mereka ketika dilihat dengan Lynx, browser web mode teks.

    Browsera

    Browsera dimaksudkan untuk digunakan sebagai alat pengujian, bukan hanya alat tangkapan layar, dan berfungsi di tingkat situs alih-alih tingkat halaman. Browsera merayapi halaman di situs Anda dan benar-benar mengujinya untuk ketidakkonsistenan tata letak dan kesalahan penulisan skrip.

    Tab IE

    IE Tab adalah addon Firefox yang memungkinkan Anda memuat halaman web di Internet Explorer, tanpa harus membuka jendela browser lain. Cukup klik tombol pada bilah alat Firefox dan itu akan membuka halaman saat ini di tab baru yang menggunakan mesin Internet Explorer alih-alih Firefox.

    Plugin dan Alat

    IETester

    IETester adalah browser Web gratis yang memungkinkan Anda memiliki mesin rendering dan javascript dari pratinjau IE9, IE8, IE7 IE 6 dan IE5.5 pada Windows 7, Vista dan XP. Ini berguna bagi pengembang web untuk menguji apakah situs mereka berfungsi dengan baik di semua versi Internet Explorer yang paling umum.

    IECapt

    IECapt adalah utilitas baris perintah kecil untuk menangkap rendering halaman Internet dari Internet Explorer menjadi file gambar BMP, JPEG atau PNG.

    Multi-Safari

    Multi-Safari adalah alat pengujian kompatibilitas peramban gratis yang memungkinkan Anda memeriksa perenderan situs web Anda menggunakan berbagai versi Safari. Multi-Safari tidak memungkinkan pengujian resolusi layar.

    Expression Web SuperPreview

    Expression Web SuperPreview adalah alat gratis yang membantu pengguna menguji situs web mereka pada versi Internet Explorer yang berbeda. Expression Web SuperPreview adalah alat debugging visual yang berdiri sendiri yang membuatnya lebih mudah untuk memigrasi situs Anda dari IE6 ke IE7 atau 8.

    Iphoney

    iPhoney memberi Anda lingkungan penjelajahan web piksel-akurat, yang dapat Anda gunakan saat mengembangkan situs web untuk iPhone. Ini kanvas 320 x 480-pixel yang sempurna untuk pengembangan iPhone Anda. iPhoney bukan simulator iPhone melainkan dirancang untuk pengembang web yang ingin membuat 320 oleh 480 situs web untuk digunakan dengan iPhone.

    MultipleIEs

    Dengan MultipleIEs Anda dapat menguji halaman web Anda di Internet Explorer 3, 4, 5 dan 6. Ini adalah browser lama, tetapi jika Anda dapat bahwa situs web Anda akan tersedia untuk semua browser, periksa juga untuk versi IE tertua dengan MultipleIEs.

    Beberapa IE

    Multiple IE adalah alat yang mirip seperti MultipleIEs. Multiple IE adalah paket kecil yang memungkinkan Anda untuk menjalankan beberapa versi IE pada mesin yang sama, mulai dari IE 6.0 hingga kembali ke IE 3.0

    SortSite Professional

    SortSite Professional memungkinkan pembuat situs web, pemilik dan konsultan untuk memeriksa seluruh situs untuk kepatuhan standar dan masalah kualitas. SortSite memeriksa setiap halaman yang ditemukannya, lalu menghasilkan laporan yang mencantumkan setiap masalah. SortSite memeriksa lebih dari 300 pos pemeriksaan kualitas.

    Lunascape

    Lunascape adalah browser tiga engine pertama dan satu-satunya di dunia. Di dalamnya termasuk browser utama: IE, Firefox, Chrome, Safari. Dengan Lunascape, Anda dapat memilih mesin yang tepat untuk digunakan pada waktu yang tepat, menyadari penurunan dramatis dalam masalah kompatibilitas browser-web, waktu pemuatan yang lama, dan tampilan situs web yang tidak tepat.

    Layanan Premium

    Browsercam

    BrowserCam adalah layanan online berbayar yang memungkinkan Anda untuk melihat halaman web Anda di berbagai platform dan browser yang berbeda, baik dengan secara otomatis mengambil tangkapan layar pilihan Anda atau dengan mengakses komputer dari jarak jauh.

    Crossbrowsertesting

    Dengan situs ini, Anda dapat menguji situs web Anda (atau orang lain dalam hal ini), pada sistem operasi dan browser apa pun. Ini akan menghemat banyak waktu ketika Anda mencoba menyelesaikan sesuatu. Biaya berlangganan mulai dari $ 19,95.

    Gambar url2

    Dengan menggunakan layanan server web Url2image, dan sebagai pengguna yang masuk, Anda dapat meminta tangkapan layar dari desain halaman web Anda, menggunakan berbagai kombinasi browser / OS. Url2image menawarkan hadiah untuk tangkapan layar. 2 tangkapan layar berharga $ 1.

    SortSite

    SortSite Professional memeriksa halaman untuk berbagai fitur yang tidak berfungsi dengan benar, atau berperilaku berbeda, pada browser yang berbeda. Hadiah lisensi standar adalah $ 149.

    Penampil Multi Browser

    Multi Browser Viewer termasuk 17 browser mandiri pra-paket, virtual. Selain 17 browser mandiri, Multi-Browser Viewer juga memiliki kemampuan untuk menguji situs Anda di 50 browser di tiga sistem operasi (Mac, Windows dan Linux). Hadiah lisensi pengguna tunggal adalah $ 99,95.

    Pengujian Cloud

    Fitur Cross Browser Testing pada Cloud Testing memungkinkan Anda memverifikasi tampilan dan nuansa serta fungsionalitas situs web e-commerce dan transaksional Anda menggunakan browser IE, 6,7,8, Firefox, Apple Safari, Google Chrome, dan Opera. Harga per satu tes adalah £ 0,10.