Cara Membuka Konsol Penyemak Imbas di Chrome, Safari, Firefox, dan Edge

Sebab yang paling umum mengapa pengguna ingin membuka konsol penyemak imbas mereka adalah mengenal pasti masalah dengan penyuntingan halaman, elemen antara muka yang rosak, penyalahgunaan blok iklan dan ralat jenis konflik JavaScript yang lain. Walau bagaimanapun, setiap penyemak imbas mempunyai jalan pintas dan langkah tersendiri yang akhirnya membolehkan anda membuka konsol dan melihat bahagian belakang halaman web yang anda lawati.

Cara membuka konsol pada penyemak imbas lalai anda

Oleh kerana hanya terdapat empat penyemak imbas yang berbeza dengan pangsa pasar lebih dari 5% (Chrome, Safari, Edge, dan Firefox), kami akan menunjukkan kepada anda pelbagai cara untuk membuka konsol pada masing-masing. Tetapi perlu diingat bahawa pada setiap penyemak imbas, elemen & kesalahan umumnya diberi kod warna dan dilabel berbeza.

Cara Membuka Konsol di Google Chrome

Di Chrome, sebenarnya ada tiga cara berbeza yang membolehkan anda membuka konsol terbina dalam.

Terlepas dari binaan Chrome yang anda gunakan, anda boleh menggunakan salah satu jalan pintas ini untuk membuka dan menutup konsol bawaan:

• F12
• Ctrl + Shift + J (Cmd + Pilihan + J pada Mac)

Perlu diingat bahawa pintasan yang sama juga dapat digunakan untuk menyembunyikan konsol. Secara lalai, konsol Google Chrome mengambil separuh skrin tepat, tetapi anda boleh menyesuaikan nisbah dengan mudah melalui slaid di bahagian tengah dan penyemak imbas akan mengingat pengubahsuaian pada kali anda membuka konsol.

Sekiranya anda ingin memfokus pada elemen tertentu, anda hanya boleh menyerlahkannya dengan tetikus anda dan kemudian klik kanan padanya> Periksa. Ini akan membuka Unsur tab dan Gaya tab konsol, yang membolehkan anda memberi tumpuan kepada elemen yang ada.

Memeriksa elemen dengan Konsol Google Chrome

Namun, anda juga dapat mengakses konsol melalui menu GUI Google Chrome. Untuk melakukan ini, cukup klik pada butang tindakan di sudut kanan atas dan pergi ke Lebih Banyak Alat> Alat Pembangun .

Alat Pembangun

Sekiranya anda ingin bekerja seefisien mungkin, berikut adalah senarai Pintasan Konsol Chrome yang boleh anda gunakan.

Cara Membuka Konsol di Google Microsoft Edge

Seperti penyemak imbas lain, Microsoft Edge juga mempunyai alat Konsol yang dimaksudkan untuk pembangun melakukan debugging interaktif atau pengujian ad hoc.

Alat ini mencatat maklumat yang berkaitan dengan laman web yang dikunjungi. Anda akan menemui maklumat yang berkaitan dengan Javascript, permintaan rangkaian dan kesalahan keselamatan .

Cara mudah untuk membuka Alat Konsol di Microsoft Edge adalah dengan menggunakan jalan pintas yang telah ditentukan ( Kekunci F12 ).

Tetapi anda juga dapat melakukannya melalui menu GUI dengan mengklik pada butang tindakan (sudut kiri atas)> Lebih banyak alat> Alat Pembangun .

Membuka alat Pembangun di Edge melalui menu GUI

Dan serupa dengan fungsi pada penyemak imbas lain, Microsoft Edge juga membolehkan anda memeriksa elemen tertentu menggunakan konsol terbina dalam. Untuk melakukan ini, pilih dan klik kanan pada elemen dan pilih Periksa Elemen.

Memeriksa elemen di Microsoft Edge

Berikut adalah senarai dengan beberapa pintasan berguna yang boleh anda gunakan di dalam konsol Microsoft Edge terbina dalam:

Cara Membuka Konsol di Mozilla Firefox

Konsol bawaan di Mozilla Firefox berfungsi sedikit berbeza daripada setara lain yang telah kami analisis sejauh ini. Yang saya maksudkan ialah ia akan terbuka secara automatik di tetingkap yang berdiri sendiri, dan bukannya membelah skrin penyemak imbas anda menjadi dua.

Ini memungkinkan pendekatan yang lebih produktif untuk orang dengan layar kedua tetapi mungkin menghalangi pengguna yang perlu bekerja dengan satu skrin kecil. (Sekiranya anda berada dalam senario ini, anda boleh menggunakan pintasan Tab + Alt untuk berbolak-balik antara Firefox dan Konsol Penyemak Imbas yang berkaitan.

Untuk membuka konsol penyemak imbas bawaan di Mozilla Firefox, anda mempunyai tiga pilihan:

• Anda boleh menggunakan jalan pintas sejagat - Ctrl + Shift + J (atau Cmd + Shift + J pada Mac)
• Anda boleh membukanya dari menu tindakan - Dengan mengklik pada menu tindakan> Pembangun Web> Konsol Penyemak Imbas .

Mengakses konsol penyemak imbas

• Atau anda boleh memaksa Browser Console untuk dibuka secara langsung dengan melancarkan Firefox dari baris arahan dan meneruskan argumen ‘-jsconsole’:

  /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole

Catatan: Firefox juga merangkumi a Konsol web , yang sangat mirip dengan konsol Penyemak Imbas tetapi ia digunakan pada satu tab kandungan dan bukannya pada keseluruhan penyemak imbas.

Cara Membuka Konsol di Google Safari

Tidak seperti penyemak imbas lain yang kami lihat setakat ini, Konsol Ralat pada Safari dilumpuhkan secara lalai. Oleh kerana itu, anda perlu melakukan langkah tambahan untuk mengaktifkannya pada penyemak imbas anda.

Untuk melakukan ini, buka Safari dan klik pada Keutamaan tab. Sebaik sahaja anda berada di dalam Keutamaan tab, klik pada tab Advanced dan tandakan kotak yang berkaitan dengannya Tunjukkan Membangunkan menu di bar menu.

Mengaktifkan konsol pada Safari

Setelah membuat Konsol kelihatan, anda dapat membukanya dengan mengakses Kembangkan tab di bahagian atas dan klik pada Tunjukkan Konsol Ralat .

Tunjukkan Konsol Ralat pada Safari

Perlu diingat bahawa Safari mempunyai cara dinamik untuk memaparkan konsol ralat. Sekiranya tetingkap kecil semasa anda membuka konsol, anda akan melihatnya di tetingkap yang sama sekali berbeza.

Sekiranya anda ingin membuka konsol di tetingkap yang sama dengan halaman anda, anda perlu memastikan bahawa tetingkap penyemak imbas mempunyai ukuran penuh sebelum membuka konsol Ralat.

Membuka Konsol Ralat di Safari