Laman » Pengekodan » Panduan Lengkap untuk Semak Keserasian Cross-Browser

    Panduan Lengkap untuk Semak Keserasian Cross-Browser

    Pengguna internet mempunyai pilihan pelayar yang lebih luas ketika datang untuk melayari internet. Adalah menjadi tanggungjawab kami sebagai pereka dan pemaju untuk memastikan bahawa laman web yang kami buat serasi untuk kebanyakan penyemak imbas yang biasa digunakan pada hari ini.

    Ini membawa kepada soalan yang sederhana namun kritikal - pelayar apa yang digunakan pengunjung kami? Menurut w3school, pelayar biasa digunakan Internet Explorer 7 & 8 dan Firefox dengan Safari dan Google Chrome secara beransur-ansur mengambil. Tetapi angka-angka mungkin berbeza dari tapak ke tapak, bergantung kepada nichenya. Lebih baik untuk mendapatkan demografi daripada metrik tapak anda, Google Analytics contohnya.

    Sebaik sahaja anda mengenal pasti penyemak imbas biasa yang digunakan pengunjung anda, maka sudah tiba masanya untuk memastikan laman web memaparkan yang sama dalam pelayar ini. Ia hampir mustahil untuk memasang semua pelayar yang berbeza dalam satu mesin. Tetapi terima kasih kepada beberapa alat dan perkhidmatan web di luar sana, mencari tahu bagaimana laman web anda kelihatan seperti dalam penyemak imbas lain yang mungkin.

    Dalam artikel ini, kami ingin memberi perhatian kepada anda beberapa penyelesaian yang anda boleh bergantung pada melakukan ujian keserasian silang pelayar. Senarai penuh selepas melompat.

    Ujian Keserasian Dalam Talian

    Browsershots

    Browsershots adalah utiliti ujian serasi penyemak imbas pelbagai platform yang paling popular dan paling popular untuk pereka web. Browsershots membuat screenshot reka bentuk web anda dalam pelayar yang berbeza. Dalam pangkalan data Browsershots dimasukkan semua pelayar yang paling popular dan anda dengan mudah boleh menyemak bagaimana laman web anda kelihatan dalam semua pelayar dan platform OS.

    Peti Sandbox Penyemak Imbas

    Dibuat oleh Spoon.net, halaman ini membolehkan anda menjalankan pelayar yang berbeza termasuk IE, Firefox, Safari, Chrome dan Opera terus dari penyemak imbas anda. Semudah itu.

    Netrenderer

    IE NetRenderer adalah penguji keserasian pelayar percuma. Dengan IE NetRenderer anda boleh menyemak bagaimana laman web diberikan oleh versi Internet Explorer yang berlainan. Selepas ujian beta, tidak lama lagi dalam IE NetRenderer akan digabungkan versi terkini IE - IE9 dan anda akan dapat melihat laman web anda menunjukkan kesilapan dalam penyemak imbas ini.

    Browsrcamp

    Browsrcamp membolehkan anda menguji keserasian reka bentuk anda dengan pelayar Mac OS X. Jika anda tidak mahu membelanjakan wang, anda boleh menyemak keserasian reka bentuk anda dengan Safari 3.1.2. Hanya tambah url laman web anda dan anda akan mendapat screenshot laman web anda. Tetapi jika anda mahu menyemak keserasian dengan penyemak imbas Mac yang lain, anda boleh melanggan $ 3.

    Adobe Browserlab

    Adobe Browserlab adalah perkhidmatan yang dihoskan oleh web yang membolehkan pereka untuk menguji reka bentuk pada beberapa pelayar dan sistem pengendalian. Dalam sistem ini disertakan fungsi zoom dan alat pengukur seperti penguasa dan panduan, dan keupayaan untuk bergerak dengan cepat ke kawasan tertentu tangkapan skrin. Set penyemak imbas membenarkan pereka untuk menyesuaikan, mengedit, dan menyimpan kombinasi penyemak imbas untuk diuji.

    Litmusapp

    Litmus menunjukkan anda screenshot laman web anda kerana mereka melihat semua pelayar web utama. Selepas selesai ujian, anda boleh mendapatkan laporan keserasian penuh sedia untuk disemak oleh pelanggan anda. Litmus mempunyai 4 pelan harga. Anda boleh mendaftar secara percuma dan menggunakan hanya pelayar Explorer 7 dan pelayar Firefox 2 atau anda boleh memilih pelan caj.

    Sitterer Anybrowser

    Viewer Site Anybrowser membolehkan anda melihat halaman HTML sebagai pelayar lain akan, atau dalam saiz skrin yang berbeza. Anda boleh bergerak dari pautan untuk menghubungkan laman tontonan kerana ia akan muncul dalam pelbagai pelayar dan semak kemurnian teks sahaja. Juga, Viewer Site Anybrowser membolehkan anda memilih elemen halaman tertentu.

    Fundisom

    Fundisom adalah penjana screenshot Mac yang membolehkan anda melihat laman web anda pada Macintosh G5 di Safari, MacIE atau Mozilla. Buat masa ini, pembangunan web lixlpixel Generator Screenshot Safari sedang offline, tetapi anda boleh menyemaknya kemudian.

    Delorie lynxview

    Delorie lynxview adalah perkhidmatan yang membolehkan penulis web melihat halaman mereka akan kelihatan seperti apabila dilihat dengan Lynx, pelayar web mod-teks.

    Browsera

    Browsera bertujuan untuk digunakan sebagai alat ujian, bukan hanya alat tangkapan skrin, dan berfungsi di peringkat laman bukan tahap halaman. Browsera merangkak halaman di laman web anda dan sebenarnya menguji mereka untuk ketidaksesuaian susun atur dan kesilapan skrip.

    Tab IE

    IE Tab adalah addon Firefox yang membolehkan anda memuatkan halaman web di Internet Explorer, tanpa harus membuka tetingkap penyemak imbas lain. Cukup klik butang pada bar alat Firefox dan ia akan membuka halaman semasa dalam tab baru yang menggunakan enjin Internet Explorer dan bukannya Firefox.

    Plugin dan Alat

    IETester

    IETester adalah pelayar web percuma yang membolehkan anda mempunyai enjin rendering dan javascript preview IE9, IE8, IE7 IE 6 dan IE5.5 pada Windows 7, Vista dan XP. Ia berguna untuk pemaju web untuk menguji bahawa tapak mereka berfungsi dengan betul dalam semua versi Internet Explorer yang paling biasa.

    IECapt

    IECapt adalah utiliti baris kecil untuk menangkap terjemahan web Explorer ke laman web BMP, JPEG atau fail imej PNG.

    Multi-Safari

    Multi-Safari adalah alat penguji keserasian pelayar percuma yang membolehkan anda menyemak penyebaran laman web anda menggunakan versi Safari yang berlainan. Multi-Safari tidak membenarkan ujian resolusi skrin.

    SuperPreview Web Ekspresi

    Web Express Express adalah alat percuma yang membantu pengguna menguji laman web mereka pada versi explorer Internet yang berbeza. Web SuperPreview Ekspresi adalah alat debug visual visual yang memudahkan untuk memindahkan tapak anda dari IE6 ke IE7 atau 8.

    Iphoney

    iPhoney memberi anda persekitaran melayari web piksel yang tepat, yang boleh anda gunakan semasa membangunkan laman web untuk iPhone. Ia adalah 320 sempurna dengan kanvas 480-piksel untuk pembangunan iPhone anda. iPhoney bukan simulator iPhone tetapi sebaliknya direka untuk pemaju web yang ingin membuat 320 oleh 480 laman web untuk digunakan dengan iPhone.

    MultipleIEs

    Dengan MultipleIEs, anda boleh menguji halaman web anda di Internet Explorer 3, 4, 5 dan 6. Ini adalah penyemak imbas lama, tetapi jika anda dapat laman web anda tersedia untuk semua pelayar, periksa juga versi IE tertua dengan MultipleIEs.

    Pelbagai IE

    Pelbagai IE adalah alat yang sama seperti MultipleIEs. Pelbagai IE adalah pakej kecil yang membolehkan anda menjalankan pelbagai versi IE pada mesin yang sama, dari IE 6.0 sepanjang jalan kembali ke IE 3.0

    SortSite Professional

    SortSite Professional membolehkan pembina laman web, pemilik dan perunding menyemak keseluruhan laman web untuk pematuhan piawaian dan isu kualiti. SortSite semak setiap halaman yang ditemui, kemudian menghasilkan laporan yang menyenaraikan setiap masalah. SortSite semak lebih daripada 300 pusat pemeriksaan kualiti.

    Lunascape

    Lunascape adalah penyemak imbas enjin tiga kali pertama di dunia. Termasuk pelayar utama: IE, Firefox, Chrome, Safari. Dengan Lunascape, anda boleh memilih enjin yang betul untuk digunakan pada waktu yang tepat, menyedari penurunan dramatik dalam isu keserasian pelayar web, masa memuat panjang, dan paparan yang tidak wajar dari laman web.

    Perkhidmatan Premium

    Browsercam

    BrowserCam adalah perkhidmatan dalam talian berbayar yang membolehkan anda untuk melihat halaman web anda merentasi platform dan pelayar yang berbeza, sama ada secara automatik mengambil tangkapan skrin pilihan anda atau dengan mengakses komputer dari jauh.

    Crossbrowsertesting

    Dengan laman web ini, anda boleh menguji laman web anda (atau orang lain untuk perkara itu), pada mana-mana sistem operasi dan penyemak imbas. Ini akan menjimatkan banyak masa apabila anda cuba menyelesaikan sesuatu. Kos langganan bermula dari $ 19,95.

    Url2image

    Menggunakan ladang pelayan web Url2image, dan sebagai pengguna log masuk, anda dapat meminta tangkapan skrin halaman web anda, menggunakan pelbagai pelayar / kombinasi OS. Url2image menawarkan hadiah untuk screenshot. 2 tangkapan dikenakan biaya $ 1.

    SortSite

    SortSite Profesional menyemak halaman untuk pelbagai ciri yang tidak berfungsi dengan betul, atau berperilaku berbeza, pada pelayar yang berbeza. Hadiah lesen standard ialah $ 149.

    Multi Pemapar Pelayar

    Multi Browser Viewer termasuk 17 pelayar mandiri pra-pakej dan maya. Selain daripada 17 penyemak imbas mandiri, Multi-Browser Viewer juga mempunyai keupayaan untuk menguji tapak anda dalam 50 pelayar di tiga sistem operasi (Mac, Windows dan Linux). Hadiah pengguna tunggal adalah $ 99,95.

    Ujian Cloud

    Ciri Penguji Pelintas Cross di Pengujian Awan membolehkan anda mengesahkan rupa dan rasa dan fungsi e-dagang dan laman web transaksional anda menggunakan IE 6,7,8, Firefox, Apple Safari, Google Chrome dan Opera pelayar. Harga setiap ujian ialah à ?? Â'Ã' £ 0.10.