Cara Menggunakan Elemen Pemeriksaan

Sebilangan besar orang tidak menyedari bahawa ada banyak harta alat pembangun yang tersedia, dan ia tersembunyi di penyemak imbas kegemaran mereka.

Setiap penyemak imbas web menawarkan alat pembangun untuk memeriksa pengekodan laman web, namun, itu adalah entiti asing bagi pengguna internet rata-rata. Lagipun, siapa yang ingin melihat pengekodan laman web, bukan?

Ternyata, terdapat banyak perkara yang dapat anda pelajari dengan melihat pengekodan laman web. Teruskan membaca untuk mengetahui apa yang ditawarkan oleh fitur elemen pemeriksa dan cara menggunakannya.

Cara Menggunakan Elemen Pemeriksaan

Sebilangan besar penyemak imbas mempunyai alat untuk memeriksa elemen laman web, tetapi semuanya umumnya berfungsi dengan cara yang sama.

Menggunakan Elemen Inspect di Google Chrome

1. Buka laman web yang ingin anda periksa.
   
2. Klik kanan di mana sahaja di halaman dan pilih Periksa .
   
   ATAU
3. Klik pada tiga titik menegak di sudut kanan bar alat anda.
   
4. Pergi ke Lebih Banyak Alat .
   
5. Pilih Alat Pembangun .
   
   ATAU
6. Tekan F12 kekunci pintasan papan kekunci pada PC atau CMD + Pilihan + I pada Mac.
   

Menggunakan elemen Inspect di Microsoft Edge

1. Buka laman web.
   
2. Klik pada tiga titik menegak di sudut kanan atas bar alat penyemak imbas.
3. Tatal ke bawah dan klik Lebih Banyak Alat .
   
4. Klik pada Alat Pembangun .
   
   ATAU
5. Klik kanan di mana sahaja di laman web.
6. Klik pada Periksa .
   
   ATAU
7. Tekan Ctrl + Shift + I .

Mana-mana tiga kaedah ini akan memberi anda hasil yang sama.

Sekiranya anda melakukannya dengan betul, anda akan melihat panel baru terbuka di bahagian bawah penyemak imbas anda. Ini adalah Alat Pembangun dan termasuk tab Elemen. Ini adalah alat yang anda perlukan untuk Memeriksa Elemen.

cara menambah gelembung sembang di roblox 2019

Panel akan terbuka di bahagian bawah skrin anda sebagai lalai, tetapi anda selalu dapat mengubahnya. Ikuti langkah mudah ini untuk meletakkan semula panel Alat Pembangun:

1. Klik pada tiga titik menegak di sudut atas panel Alat Pembangun.
   
2. Pilih bahagian dok (kiri, bawah, atau kanan) atau buka kunci ke tetingkap yang berasingan.
   

Mengarahkan kursor di sebelah tepi bingkai panel Alat Pembangun dan menyeret akan menyempitkan atau melebarkan ruang kerja. Sebagai contoh, jika anda memilih untuk memasang panel ke sebelah kanan tetingkap penyemak imbas, cuba arahkan kursor ke sempadan kiri. Anda boleh menyeret panel untuk mengubah ukurannya apabila anda melihat kursor anak panah.

Cara Menggunakan Elemen Pemeriksaan untuk Mencari Jawapan

Anda boleh menggunakan Inspect Element untuk mencari jawapan kepada pelbagai perkara seperti:

1. Pratonton reka bentuk laman web pada peranti mudah alih.
2. Ketahui kata kunci yang digunakan pesaing.
3. Ujian kelajuan.
4. Menukar teks di laman web.
5. Cari contoh pantas untuk menunjukkan kepada pemaju apa yang anda perlukan.

Semasa anda melancarkan panel Inspect Element, anda akan melihat semua pengekodan untuk laman web. Itu merangkumi semua pengekodan JavaScript, CSS, dan HTML yang terdapat di dalamnya. Ini seperti melihat pengekodan sumber laman web, kecuali anda boleh membuat perubahan pada kod tersebut. Selain itu, anda dapat melihat perubahan yang dilaksanakan dalam masa nyata.

Alat ini menjadikannya tidak ternilai bagi pemasar, pereka, dan pemaju untuk melihat perubahan reka bentuk sebelum menyelesaikannya. Walau bagaimanapun, membuat perubahan dalam pengekodan dengan Inspect Element tidak akan kekal selama-lamanya. Apabila anda memuatkan semula halaman, halaman akan kembali ke keadaan lalai.

Cara Menggunakan Elemen Inspect di Chromebook

Penyemak imbas lalai di Chromebook adalah Google, jadi ikuti arahan penyemak imbas Chrome untuk mengakses Periksa Elemen . Berikut adalah sedikit kursus penyegaran untuk anda:

1. Buka laman web.
   
2. Klik pada tiga garis menegak di sudut kanan atas bar alat.
   
3. Pilih Lebih Banyak Alat .
   
4. Klik pada Alat Pembangun .
   

Anda juga boleh menggunakan kaedah klik kanan atau F12 kunci fungsi untuk sampai ke Alat Pembangun dengan lebih cepat.

Cara Menggunakan Elemen Inspect pada Android

Running Inspect Element pada peranti Android sedikit berbeza. Lihat cara menuju ke panel Inspect Element di Android:

1. Tekan F12 kunci fungsi.
2. Pilih Togol Bar Peranti .
   
3. Pilih peranti Android dari menu lungsur turun.
   

Apabila anda memilih peranti Android tertentu, anda akan melihat versi laman web mudah alih dimuat. Dari sini, anda bebas menggunakan fitur Inspect Element pada peranti Android anda dari keselesaan desktop anda.

Kaedah ini berfungsi untuk penyemak imbas Chrome dan Firefox kerana mereka mempunyai ciri dalam Alat Pembangun mereka yang disebut Simulasi Peranti.

Ia juga berfungsi dengan cara yang sama untuk peranti iPhone. Anda hanya perlu memilih yang betul di menu lungsur.

Cara Menggunakan Elemen Inspect pada Windows

Alat Inspect Element tidak semestinya khusus OS tetapi khusus penyemak imbas. Ini bermaksud bahawa Alat Pembangun adalah ciri penyemak imbas yang anda gunakan dan tidak semestinya Windows. Walau bagaimanapun, anda boleh masuk ke panel Inspect Element tanpa mengira penyemak imbas mana yang anda gemari.

Sekiranya anda menggunakan Windows OS, anda juga mungkin menggunakan penyemak imbas Microsoft Edge. Lihat cara mengakses Inspect Element di MS Edge:

1. Buka laman web yang ingin anda periksa.
   
2. Ketik tiga titik menegak di sudut tetingkap penyemak imbas.
   
3. Tatal ke bawah dan pilih Lebih Banyak Alat .
   
4. Klik pada Alat Pembangun .
   

Anda juga boleh menggunakan kekunci fungsi F12 jika anda ingin mengakses Inspect Element dengan lebih pantas. Juga, klik kanan di laman web dan pilih Inspect berfungsi juga.

Cara Menggunakan Elemen Inspect di Chrome

Terdapat tiga cara untuk mengakses Inspect Element di Chrome. Awak boleh:

perselisihan cara meninggalkan pelayan

1. Klik pada menu tetapan atau tiga titik menegak di penyemak imbas dan pergi ke Lebih Banyak Alat> Alat Pembangun .
   
2. Klik kanan pada laman web dan pilih Periksa .
   
3. Gunakan Ctrl + Shift + I (Periksa).

Cara pertama lebih intuitif untuk diingat oleh pengguna Inspect Element. Walau bagaimanapun, jika anda sering menggunakan ciri ini, kunci cepat mungkin berguna.

Cara Menggunakan Elemen Inspect pada Mac

Sekiranya anda menggunakan Mac, penyemak imbas pilihan anda mungkin Safari. Membuka Elemen Pemeriksaan pada Safari sedikit berbeza daripada pada Chrome dan Firefox. Tetapi sama mudahnya dengan langkah-langkah berikut:

1. Buka penyemak imbas Safari.
2. Klik pada Safari di tab tajuk.
3. Pilih Keutamaan dari menu lungsur turun.
4. Klik pada Mahir ikon gear yang terletak di bahagian atas skrin
5. Tandakan kotak yang tertera Tunjukkan menu Develop di bar menu .

Melalui langkah-langkah ini membolehkan fitur Inspect Element pada penyemak imbas anda. Sekiranya anda tidak mengaktifkan Inspect Element terlebih dahulu, anda tidak akan melihat pilihan semasa anda membuka laman web.

Setelah anda menyelesaikan langkah ini, cukup klik kanan pada mana-mana laman web yang terbuka dan pilih Periksa. Anda juga boleh menggunakan arahan kunci cepat: CMD + Opsyen + I (periksa).

Cara Menggunakan Elemen Pemeriksaan pada Borang Google

Anda juga boleh menggunakan Elemen Pemeriksaan pada Borang Google. Namun, jika anda mencari jawapan untuk kuiz, anda tidak bernasib baik. Anda tidak akan menemui jawapan yang terdapat dalam pengekodan.

Anda hanya dapat melihat jawapan sekiranya anda adalah pencipta atau penyunting borang. Namun, jika anda seorang pelajar yang menjawab kuiz di Google Forms, anda hanya akan melihat jawapan anda sendiri.

Bagaimanapun, anda boleh mengklik kanan borang dan memilih Periksa untuk melihat semua kod borang.

Cara Menggunakan Elemen Inspect pada iPhone

Adakah anda ingin menggunakan fitur Inspect Elements untuk melihat bagaimana versi laman web mudah alih muncul di iPhone? Anda boleh melakukan ini dan banyak lagi hanya dengan beberapa langkah mudah. Tetapi sebelum anda melihat elemen, anda perlu mengaktifkan Web Inspector untuk peranti iOS anda:

1. Pergi ke Tetapan .
   
2. Pilih Safari .
   
3. Tatal ke bahagian bawah dan ketuk Menu Lanjutan .
   
4. Ketik untuk menghidupkan Pemeriksa Web .
   

Anda juga perlu memastikan bahawa menu Develop diaktifkan pada Mac anda:

1. Buka Safari.
2. Pilih Safari dari tajuk utama.
3. Klik pada Keutamaan .
4. Klik pada Mahir .
5. Tandakan kotak yang tertera Tunjukkan menu Develop di bar menu .

Setelah mengaktifkan kedua-dua peranti mudah alih iOS dan Mac, anda akan melihat menu Kembangkan di bar atas pada Mac anda. Klik di atasnya untuk melihat iPhone dan halaman web yang bersambung aktif pada peranti. Memilih laman web juga membuka tetingkap Pemeriksa Web untuk halaman yang sama di layar Mac anda.

Namun, ingat bahawa petunjuk ini hanya berfungsi untuk Safari yang menjalankan Mac, bukan Safari di Windows.

Cara Menggunakan Elemen Periksa Ketika Dihalang

Kadang-kadang, anda akan mendapati bahawa anda tidak dapat memeriksa halaman web dan pilihan Inspect berwarna kelabu jika anda cuba mengklik kanan padanya. Anda mungkin menganggapnya disekat, tetapi terdapat banyak cara untuk mengatasi ini:

Kaedah 1 - Matikan Javascript

1. Masuk ke Tetapan .
   
2. CariJavaScript.
   
3. Tutup JavaScript .
   

Kaedah 2 - Akses Alat Pembangun Jauh

Daripada mengklik kanan tetikus untuk Memeriksa, lakukan ini:

1. Pergi ke Tetapan di penyemak imbas anda.
   
2. Pilih Lebih Banyak Alat .
   
3. Tatal ke bawah dan klik Tetapan Pembangun .
   
   

Kaedah 3 - Menggunakan Kekunci Fungsi

bagaimana menjadikan diri anda tidak kelihatan kerana pertikaian

Anda juga boleh mencuba menggunakan F12 kekunci fungsi di laman web yang menyekat klik kanan untuk Memeriksa.

Anda mungkin perlu mencuba semua kaedah ini sebelum menemui kaedah yang sesuai untuk anda. Sebagai usaha terakhir, anda juga boleh mencuba melihat kod sumber dengan menaip sumber pandangan: [masukkan url penuh] .

Cara Menggunakan Elemen Inspect pada Discord

Memeriksa pengekodan anda di Discord adalah proses yang mudah. Hanya gunakan Ctrl + Shift + I perintah atau F12 kekunci pada halaman Discord.

Cara Menggunakan Elemen Inspect pada Chromebook Sekolah

Sekiranya Chromebook anda dikeluarkan oleh sekolah, menggunakan elemen Inspect Element melibatkan beberapa langkah mudah:

1. Klik kanan atau ketuk dua jari pada laman web dan pilih Periksa .
   ATAU
2. Tekan Ctrl + Shift + I

Walau bagaimanapun, beberapa sekolah dan organisasi menyekat ciri ini. Oleh itu, jika tidak berfungsi untuk anda, anda mungkin perlu menghubungi organisasi atau pentadbir sekolah anda.

Soalan Lazim Tambahan

Bagaimana Saya Menggunakan Perintah Elemen Pemeriksaan untuk Mencari Jawapan?

Satu-satunya cara untuk mencari jawapan menggunakan ciri Inspect Element adalah jika laman web segera mengungkapkannya setelah dihantar. Dalam contoh ini, jawapan terdapat dalam pengekodan.

Jika tidak, anda hanya melihat pengekodan untuk kuiz atau ujian semasa anda menggunakan ciri Inspect Element, serta jawapan yang anda kirimkan.

Adakah Elemen Pemeriksaan Tidak Sah?

Tidak, Unsur Pemeriksaan tidak menyalahi undang-undang. Melihat kod sumber untuk laman web tidak haram, hanya menjadi masalah sekiranya anda menggunakan maklumat yang dikumpulkan untuk tujuan jahat, seperti mencuba eksploitasi, dll.

Adakah Kemungkinan Melumpuhkan Elemen Pemeriksaan dalam Penyemak Imbas?

Jawapan ringkasnya adalah tidak.

Anda tidak boleh mematikan elemen Inspect di penyemak imbas. Tetapi anda boleh menetapkan parameter yang menghalang pengguna melakukan tindakan tertentu seperti mengklik kanan pada halaman web. Terdapat banyak tutorial dalam talian untuk menetapkan skrip yang betul untuk mematikan peristiwa tertentu. Namun, anda sebenarnya tidak dapat mematikan ciri Inspect Element secara keseluruhan.

Mengenal Piawaian Halaman Web

Memeriksa ciri Inspect Element dari laman web mungkin merupakan alat pembangun yang tidak pernah anda ketahui - walaupun anda bukan pemaju sendiri. Ini memiliki banyak aplikasi reka bentuk dan pemasaran yang dapat membuat laman web anda berjalan dengan lebih lancar. Dan mungkin memberi kelebihan kepada pesaing.

Untuk apa anda menggunakan Inspect Element? Beritahu kami mengenainya di bahagian komen di bawah.