Apa yang Perlu Diketahui
-
Dalam Safari: Klik kanan pada halaman web dan pilih Inspect Element.
- Dalam Chrome, anda boleh klik kanan dan klik Inspect.
- Untuk mendayakan ciri dalam Safari: Safari > Preferences > Advanced > semak Tunjukkan menu Bangun dalam bar menu kotak.
Artikel ini mengajar anda cara memeriksa elemen tapak web pada Mac. Ia melihat cara berbuat demikian melalui Safari dan Google Chrome.
Bagaimanakah Anda Menggunakan Ciri Elemen Periksa pada Mac?
Sebelum memeriksa elemen pada Mac apabila menggunakan Safari, anda perlu mendayakan menu pembangun dalam penyemak imbas. Berikut ialah cara menghidupkannya dan perkara yang perlu dilakukan untuk memeriksa elemen.
Jika anda dapat melihat Bangun antara Penanda Halaman dan Tetingkap, Menu Pembangun telah pun didayakan dan anda boleh melangkau ke langkah 4.
Menggunakan Ciri Elemen Periksa dalam Safari
Berikut ialah cara menggunakan Inspect Element dalam Safari, penyemak imbas lalai pada komputer Mac.
-
Dalam Safari, klik Safari > Preferences.
Image -
Klik Lanjutan.
Image -
Klik Tunjukkan menu Bangun dalam bar menu kemudian tutup tetingkap.
Image - Apabila menyemak imbas tapak web, klik kanan pada item yang ingin anda periksa.
-
Klik Periksa Elemen.
Image -
Anda kini boleh melihat kod di sebalik tapak web yang telah anda periksa.
Image
Menggunakan Ciri Elemen Periksa dalam Chrome pada Mac
Jika anda menggunakan Chrome dan bukannya Safari pada Mac anda, lebih mudah untuk melihat elemen kerana tidak perlu mendayakan ciri tersebut. Inilah perkara yang perlu dilakukan.
- Dalam Chrome, semak imbas ke tapak web.
- Klik kanan pada elemen yang ingin anda periksa.
-
Klik Periksa.
Image -
Anda kini boleh melihat kod dalam tetingkap sisi pada Chrome.
Image
Mengapa Saya Tidak Boleh Memeriksa pada Mac Saya?
Anda mungkin tidak dapat memeriksa elemen pada Mac anda jika anda belum mendayakan menu Pembangun dalam Safari. Berikut ialah peringatan tentang cara melakukannya.
-
Dalam Safari, klik Safari > Preferences.
Image -
Klik Lanjutan.
Image -
Klik Tunjukkan menu Bangun dalam bar menu kemudian tutup tetingkap.
Image
Cara Membuat Perubahan Laman Web dengan Memeriksa Elemen
Selain membolehkan anda melihat kod pada tapak web, anda juga boleh menukar mana-mana elemen tapak web secara sementara melalui Inspect Element. Begini cara berbuat demikian melalui Safari.
Proses ini sangat serupa pada penyemak imbas lain.
- Apabila menyemak imbas tapak web, klik kanan pada item yang ingin anda periksa.
- Klik Periksa Elemen.
- Klik dua kali pada teks dalam kod untuk menjadikannya boleh diedit.
- Padamkannya atau masukkan rentetan teks baharu.
- Ketik Enter.
- Kod kini telah ditukar buat sementara waktu hanya untuk manfaat anda.
Mengapa Anda Ingin Menggunakan Ciri Elemen Periksa?
Boleh memeriksa elemen berguna untuk banyak sebab.
- Untuk menukar kod dengan segera. Pereka tapak web boleh mengubah perkara di tapak web buat sementara waktu untuk melihat cara perubahan itu mempengaruhi sesuatu.
- Untuk menyemak kod. Kedua-dua pereka bentuk dan orang pemasaran boleh menyemak kod untuk mengesahkan bahawa perkara seperti butiran Google Analitis ada.
- Untuk melihat imej secara berasingan daripada tapak. Jika tapak tidak membenarkan anda membuka imej dalam tab atau tetingkap baharu, melihat elemen membolehkannya.
-
Tinker. Melihat kod halaman web boleh membantu anda memahami perkara yang anda lihat, mengalih keluar misteri tentang perkara dan sebab apa yang berlaku dengan tapak yang anda sedang lawati. Ia seperti mengasingkan perkakas untuk melihat cara ia berfungsi, tetapi tiada skru yang hilang dalam kes ini.
Soalan Lazim
Adakah undang-undang untuk memeriksa tapak web?
Ya. Walau bagaimanapun, jika anda bercadang untuk menggunakan sebarang kod atau aset daripada tapak web, pastikan anda menyemak dengan pemilik dan menambah nota hak cipta.
Bagaimanakah cara saya menyalin HTML daripada tapak web dengan elemen periksa?
Dalam Chrome, klik kanan halaman dan pilih Inspect, kemudian pergi ke bahagian atas dan klik kanan teg (mis.). Pilih Copy > Copy outerHTML, kemudian tampal kod ke dalam teks atau fail HTML.
Bolehkah saya menyalin CSS daripada tapak web dengan elemen periksa?
Ya. Klik kanan elemen yang ingin anda salin dan pilih Inspect. Klik kanan pada kod yang diserlahkan dan pilih Salin > Salin gaya.
Bagaimanakah saya boleh melihat kata laluan saya yang disimpan menggunakan elemen periksa?
Untuk mendedahkan kata laluan tersembunyi, klik kanan pada kotak teks kata laluan dan pilih Inspect. Dalam bahagian yang diserlahkan, cari type=”password” dan gantikan password dengan text. Terdapat cara yang lebih mudah untuk menunjukkan semua kata laluan anda dalam Chrome.
