Javascript tidak berfungsi dalam mode kompatibilitas yaitu

Di Internet Explorer 6/7 (unduh Internet Explorer), Anda dapat memeriksa untuk melihat apakah JavaScript diaktifkan dengan menavigasi ke pengaturan keamanan khusus yang agak terkubur (jangan khawatir; kami akan membantu Anda menemukannya)

1. Klik pada menu Alat

2. Pilih Opsi Internet. dari menu

3. Klik tab Keamanan pada pop up Opsi Internet

4. Klik Tingkat Kustom. tombol untuk mengakses pengaturan keamanan Anda

5. Gulir hampir ke bawah ke bagian Scripting

6. Pilih tombol Aktifkan untuk Skrip aktif

7. Klik OK untuk menyelesaikan proses

8. Klik Ya saat diminta untuk mengonfirmasi

Aktifkan Tampilan Kompatibilitas untuk semua situs Web dengan menggunakan Internet Explorer

1. Jalankan Internet Explorer 8
2. Pada menu Alat, klik Pengaturan Tampilan Kompatibilitas

   Jika Pengaturan Tampilan Kompatibilitas tidak tersedia, administrator jaringan mungkin telah menggunakan pengaturan Kebijakan Grup untuk mengonfigurasi opsi untuk Anda. Hubungi administrator Anda atau meja bantuan

3. Klik untuk memilih kotak centang Tampilkan semua situs web dalam Tampilan Kompatibilitas, lalu klik Tutup
   

Di Firefox 2 (unduh Firefox) Anda dapat memeriksa untuk melihat apakah JavaScript diaktifkan dengan menavigasi ke pengaturan Konten di bawah Opsi

1. Klik pada menu Alat

2. Pilih Opsi. dari menu

3. Klik tab Konten di pop up Opsi

4. Pastikan Aktifkan JavaScript dicentang

5. Klik OK untuk menyelesaikan proses

Di Opera (unduh Opera) Anda dapat memeriksa untuk melihat apakah JavaScript diaktifkan dengan menavigasi ke pengaturan Konten di bawah Preferensi

1. Klik pada menu Alat

2. Pilih Preferensi. dari menu

3. Klik tab Lanjutan di pop up Preferensi

4. Pilih Konten dari daftar item di sebelah kiri

5. Pastikan Aktifkan JavaScript dicentang

6. Klik OK untuk menyelesaikan proses

Hari-hari ini, pada dasarnya tidak mungkin untuk menavigasi web tanpa browser yang mengaktifkan JavaScript, jadi memeriksa apakah pengguna mengaktifkan JavaScript atau tidak tidak terlalu penting. Kemungkinannya, satu-satunya cara menonaktifkannya adalah jika staf TI perusahaan telah memutuskan untuk menonaktifkan JavaScript karena alasan tertentu. Namun, jika Anda masih ingin memastikan bahwa pengguna Anda mengaktifkan JavaScript, skrip ini akan menyelesaikannya

Satu-satunya cara yang pasti untuk memisahkan pengguna yang tidak memiliki JavaScript dari mereka yang melakukannya adalah dengan menggunakan skrip pengalihan sederhana yang hanya akan berfungsi untuk mereka yang mengaktifkan JavaScript. Jika browser seseorang tidak mengaktifkan JavaScript, skrip tidak akan berjalan, dan mereka akan tetap berada di halaman yang sama

Siapa pun yang ingin membuat situs web dengan konten dinamis menggunakan JavaScript (JS). Bersamaan dengan HTML dan CSS, ini adalah pelengkap dalam pengembangan web. Namun, JavaScript secara historis penuh dengan masalah kompatibilitas lintas browser

Mengapa kompatibilitas browser JavaScript menjadi masalah?

Pada awal tahun 1990-an, dua browser utama yang digunakan secara global adalah Internet Explorer dan Netscape mengimplementasikan scripting dengan cara yang berbeda secara fundamental – Netscape menggunakan JavaScript, IE menggunakan JScript dan juga menawarkan VBScript. JavaScript dan JScript memiliki beberapa tingkat penyelarasan karena keduanya berfungsi pada spesifikasi ECMAScript. Namun pada berbagai tingkatan, kode diimplementasikan dengan cara yang kontras dan bahkan bertentangan, yang membuat pengembangan untuk kedua browser menjadi sangat membosankan.

Bahkan hingga tahun 2000-an, kompatibilitas browser tetap menjadi perhatian JavaScript. Karena setiap browser menjalankan mesin rendering yang unik, elemen web diproses dan ditampilkan dengan cara yang berbeda. Pustaka seperti jQuery telah membuat segalanya lebih mudah dengan menyelesaikan dan menghilangkan perbedaan dalam cara penerapan JS di berbagai browser. Konsekuensinya, pengembang hanya perlu membuat satu blok kode dan membiarkan perpustakaan merekonsiliasi perbedaan berbasis browser di latar belakang

Namun, error di JS karena perbedaan browser terus mengganggu developer. Meskipun kemunculannya lebih jarang dari sebelumnya, mereka masih perlu ditangani dengan cepat dan kohesif. Artikel ini akan mengeksplorasi masalah ini dan menawarkan beberapa solusi untuk hal yang sama

Masalah Kompatibilitas Browser Javascript Umum

Menggunakan fitur JavaScript modern di Peramban Lama

Kesalahan utama dalam kompatibilitas browser JavaScript muncul saat pengembang situs web mencoba menggunakan fitur JavaScript modern yang tidak didukung pada browser lama atau versi browser

Diberikan di bawah ini adalah daftar browser yang mendukung JavaScript

1. Chrome (Di atas 106)
2. Tepi (107 dan 108)
3. Safari (15. 6, 16. 1, 16. 2, 16. 3, TP)
4. Firefox (106, 107, 108, 109)
5. Opera (92)

Sumber

Jika Anda ingin menguji kompatibilitas situs web Anda pada versi browser yang lebih lama, lihat ini. Fitur apa pun yang diimplementasikan dengan ES6 pada dasarnya tidak akan berfungsi di browser ini. Beberapa contoh fitur JS baru yang tidak didukung di browser lama adalah

1. Janji sangat bagus untuk menjalankan operasi asinkron, tetapi tidak didukung di IE
2. Fungsi panah menawarkan sintaks yang lebih ringkas dan bermanfaat untuk membuat fungsi anonim. Itu tidak didukung di IE dan Safari
3. Saat mendeklarasikan mode Ketat di atas kode JS, ini diurai lebih ketat dengan banyak aturan, menyebabkan lebih banyak peringatan dan kesalahan ditandai. Menggunakan mode Ketat menciptakan kode yang lebih bersih dan lebih efisien. Tapi itu tidak didukung secara seragam di semua browser
4. Dengan array yang diketik, kode JS dapat mengakses dan memodifikasi data biner mentah. Seiring dengan browser modern, fitur ini hanya didukung oleh IE10 ke atas. Tahukah Anda, cara menguji situs web Anda pada versi IE terbaru?

Beberapa API yang diperlukan juga tidak didukung pada browser lama – API IndexedDB, API Penyimpanan Web, API Pekerja Web, API WebGL, API Audio Web, API WebRTC, API WebVR

Mengendus Peramban

Sniffing browser adalah praktik "mengendus" browser mana yang mengakses situs dan menjalankan kode yang relevan untuk membuat situs tersebut kompatibel dengan browser tersebut. Ini dilakukan dengan membaca string agen pengguna unik dari browser dan mengidentifikasinya. Pada saat setiap pengguna internet menggunakan Netscape atau IE, ini berfungsi dengan baik

Namun, dengan browser yang lebih baru, pendekatan ini cenderung salah. Kode itu sendiri rawan kesalahan, sebagai permulaan. Misalnya, katakanlah fitur situs web tidak berfungsi di Chrome 86 dan yang lebih lama, dan kode pengendus browser telah ditambahkan untuk mendeteksi ini. Namun, ini berfungsi di Chrome 87. Tetapi karena kodenya tidak menyertakan Chrome 87, fitur tersebut tidak akan dimuat meskipun didukung

Merupakan praktik yang baik untuk melakukan pemeriksaan berkala dan berulang terhadap situs web Anda pada berbagai versi browser Chrome asli. Faktanya, untuk tetap menjadi yang terdepan, periksa situs web di beberapa browser nyata, terutama pemain utama seperti Chrome, Safari, Firefox, dan Edge. Kode sniffing browser harus diubah secara teratur agar tetap relevan. Tanpa pembaruan tersebut, browser tidak dapat mengakses situs web dengan fitur yang benar-benar mereka dukung tetapi kodenya belum diperbarui. Pada satu titik, masalah menjadi sangat buruk sehingga browser mulai mengizinkan pengguna untuk mengubah string agen pengguna mereka untuk menyiasati kode mengendus saat ditanya dengan JS. Ini membuat browser mengendus lebih tidak berguna

Uji Situs Web di Peramban Asli Gratis

Menggunakan Perpustakaan

Seperti disebutkan sebelumnya, perpustakaan seperti jQuery sangat penting untuk mengabstraksi perbedaan berbasis browser yang terkait dengan kode JS. Namun, ada perpustakaan asli dan pihak ketiga yang tidak didukung di semua browser dan versi browser. Sebelum menggunakan perpustakaan, analisis penawarannya dalam hal dukungan browser dan fitur. Periksa sejarah perkembangannya untuk memastikan bahwa itu diperbarui secara teratur untuk mengimbangi kemajuan teknologi

Orang-orang juga membaca. 5 Cara untuk Menguji JavaScript Secara Instan di Peramban

Bagaimana mengatasi Masalah Kompatibilitas Browser Javascript

• Untuk memulainya, pengembang harus mencari tahu apakah fungsi JavaScript kompatibel dengan browser lama dan versi browser. Gunakan alat online seperti caniuse untuk mengidentifikasi fitur mana yang didukung pada browser/versi mana dan kode yang sesuai

Tip. Cara menguji pada browser versi lama dengan mudah

• Gunakan Transpiling JavaScript. Transpiling mengonversi kode JS menggunakan fitur terbaru (ES6, misalnya) menjadi kode yang cocok untuk browser lama. Ada alat untuk transpilling JS seperti Babel, yang menjadikannya sangat mudah

Setelah kode dikonversi, ingatlah untuk menguji kompatibilitas lintas browser dengan menjalankannya di beberapa browser dan versi browser di cloud perangkat nyata BrowserStack. Mendaftar gratis

• Periksa kompatibilitas browser JavaScript dengan menguji situs di browser asli. Semua debugging di dunia tidak akan sesuai dengan kemudahan dan keakuratan pemantauan perilaku situs web dalam kondisi pengguna nyata. Di antara banyak alasan lainnya, mendeteksi kelemahan kompatibilitas browser dalam kode JS adalah alasan utama untuk menyertakan pengujian lintas browser dalam pengembangan situs web

Untuk memverifikasi kompatibilitas browser JS dengan cepat dan akurat, coba cloud perangkat nyata BrowserStack dari 3000+ browser dan perangkat nyata, Cukup daftar gratis, pilih kombinasi browser-perangkat nyata yang ingin Anda uji, masukkan URL situs web dan mulai pengujian

Periksa Kompatibilitas JavaScript Gratis

• Gunakan Polyfill. Ini adalah file JS pihak ketiga yang berfungsi mirip dengan pustaka JS. Namun, polyfill juga mampu memberikan fungsionalitas baru. Misalnya, polyfill dapat digunakan untuk mendukung fitur berbasis ES6 di browser yang pada dasarnya tidak
• Gunakan Linter. Linter memeriksa kode untuk memeriksa bug, kesalahan pemrograman, anomali gaya, variabel yang tidak dideklarasikan, dan sejenisnya. Linter JS sangat membantu dalam menjaga kualitas kode tanpa memerlukan validasi manusia. Dimungkinkan untuk menyesuaikan linter ke tingkat pengawasan tertentu, penandaan/pelaporan kesalahan AKA. Linter JS yang populer termasuk JSLint dan ESLint. Dianjurkan untuk mengunduh editor kode dengan plugin linter bawaan yang berlaku untuk kode JavaScript. Atom, sebuah IDE sumber terbuka, cukup membantu dalam hal ini. Ini memungkinkan pengembang untuk menginstal JSLint, antara lain, menyisir kode sumbernya. Setelah kode dibersihkan oleh Linters, uji kompatibilitas lintas-browsernya dengan menjalankannya di beberapa browser dan versi browser di cloud perangkat nyata BrowserStack
• Gunakan alat pengembang browser/alat dev yang membantu men-debug JavaScript. Di sebagian besar browser, konsol JavaScript akan menandai dan melaporkan kesalahan dalam kode. Gunakan API Konsol untuk mengizinkan kode sumber JS berkomunikasi dengan konsol JS browser. Fitur API Konsol yang paling banyak digunakan adalah konsol. log(), tetapi pelajari dan terapkan fungsi lainnya untuk meningkatkan efisiensi proses debug

Baca selengkapnya. Selenium dengan JavaScript. Memulai Pengujian Otomasi

• Gunakan debugger JavaScript (Firefox), Chrome DevTools (Chrome), Alat Pengembangan Web Safari (Safari), dan mitra serupa untuk menggali lebih dalam kode dan menambahkan breakpoints – titik di mana eksekusi kode berhenti, dan pengembang dapat memeriksa operasinya di
• Gunakan framework JavaScript yang dibuat untuk memfasilitasi kompatibilitas kode JS dengan banyak browser. BrowserStack menawarkan integrasi dengan kerangka kerja seperti TestCafe, Yeti, TestEm, Teaspoon, dan lainnya untuk mengaktifkan pengujian JavaScript

JavaScript diperlukan untuk membuat situs web apa pun yang tidak sepenuhnya statis. Di dunia di mana setiap situs web diakses melalui beberapa browser dan versi browser, pengembang, penguji, dan organisasi tidak dapat mengasingkan pengguna browser tertentu dengan membiarkan kode JS yang tidak kompatibel lolos ke produksi

Masukkan informasi dalam artikel ini saat membuat dan menguji JavaScript. Ini akan memastikan bahwa pengembang dan penguji tidak perlu bekerja terlalu keras untuk memberikan pengalaman pengguna yang positif dan sangat optimal sebagai bagian dari setiap situs web yang mereka buat

Pengujian lintas browser Pengujian Manual Alat Pengujian

Apakah postingan ini bermanfaat?

Ya, Terima Kasih Tidak Juga

Kami menyesal mendengarnya. Silakan bagikan umpan balik Anda sehingga kami dapat melakukan yang lebih baik

Terima kasih atas umpan balik anda

Tag

Artikel Terkait

Cara menguji JavaScript di Browser (dengan 5 Metode)

Pelajari cara menguji kode JavaScript di browser dengan alat online yang efektif seperti JSFiddle, BrowserStack

Belajarlah lagi

Cara Mengurangi Waktu Muat Halaman di Javascript

Apakah JavaScript memperlambat situs web Anda?

Belajarlah lagi

Perintah Selenium WebElement

Pelajari perintah Selenium yang diperlukan untuk berinteraksi dengan dan mengontrol elemen web untuk pengujian otomasi

Mengapa JavaScript saya tidak berfungsi di Internet Explorer?

Internet Explorer . Pada tab "Keamanan", pastikan zona Internet dipilih, lalu klik pada tab "Tingkat kustom. tombol " . Di kotak dialog Pengaturan Keamanan – Zona Internet, klik Aktifkan untuk Skrip Aktif di bagian Skrip.

Bagaimana cara mengizinkan JavaScript berjalan di IE?

Penjelajah Internet .

Klik Alat > Opsi Internet

Klik tab Keamanan > Tingkat Kustom

Di bagian Skrip, klik Aktifkan untuk Skrip Aktif

Di kotak dialog yang ditampilkan, klik Ya

Bagaimana cara membuat kompatibilitas browser JavaScript?

Bagaimana Menangani Masalah Kompatibilitas Lintas-Browser? .

Hindari Menggunakan DOCTYPE yang Salah (atau tidak ada). Browser web yang berbeda berperilaku berbeda, berdasarkan aturan CSS default. .

Gunakan Komentar Bersyarat. .

Gunakan Perpustakaan yang Sesuai Lintas-Browser. .

Menguji Kompatibilitas Lintas-Browser

Versi JavaScript apa yang didukung oleh ie 11?

Internet Explorer 11 tidak mendukung JavaScript versi setelah ES5 . Jika Anda ingin menggunakan sintaks dan fitur ECMAScript 2015 atau lebih baru, atau TypeScript, Anda memiliki dua opsi seperti yang dijelaskan dalam artikel ini.