4 Cara Mencari XPath Menggunakan Firebug

Isi kandungan:

4 Cara Mencari XPath Menggunakan Firebug
4 Cara Mencari XPath Menggunakan Firebug

Video: 4 Cara Mencari XPath Menggunakan Firebug

Video: 4 Cara Mencari XPath Menggunakan Firebug
Video: MacBook 使用 教學-81:如何同時使用mac和windows?Parallels Desktop 了解一下。 |SernHao Tv 2024, Mungkin
Anonim

Anda boleh mendapatkan maklumat XPath untuk elemen laman web menggunakan kebanyakan alat pembangun penyemak imbas. Firebug for Firefox membolehkan anda menyalin maklumat XPath terus ke papan keratan anda. Bagi kebanyakan penyemak imbas lain, anda boleh mendapatkan maklumat XPath untuk elemen dalam alat pembangun, tetapi anda harus memformatnya sendiri.

Langkah-langkah

Kaedah 1 dari 4: Menggunakan Firefox dan Firebug

Cari XPath Menggunakan Firebug Langkah 1
Cari XPath Menggunakan Firebug Langkah 1

Langkah 1. Pasang Firebug untuk Firefox

Firebug adalah tambahan pemeriksa web untuk Firefox.

  • Klik butang Firefox Menu (☰) dan pilih "Add-ons."
  • Klik "Dapatkan Tambah" dan kemudian klik "Dapatkan lebih banyak alat tambah!" butang.
  • Cari "Firebug" dan kemudian klik butang "Tambah ke Firefox" di sebelahnya.
  • Sahkan bahawa anda ingin memasang Firebug dan kemudian mulakan semula Firefox apabila diminta.
Cari XPath Menggunakan Firebug Langkah 2
Cari XPath Menggunakan Firebug Langkah 2

Langkah 2. Buka laman web yang ingin anda periksa

Anda boleh menggunakan Firebug untuk memeriksa elemen apa pun di laman web untuk mencari XPath.

Cari XPath Menggunakan Firebug Langkah 3
Cari XPath Menggunakan Firebug Langkah 3

Langkah 3. Klik butang Firebug

Anda akan menjumpainya di sudut kanan atas tetingkap. Ini akan membuka panel Firebug di bahagian bawah tetingkap Firefox.

Cari XPath Menggunakan Firebug Langkah 4
Cari XPath Menggunakan Firebug Langkah 4

Langkah 4. Klik butang pemeriksa elemen

Anda dapati ini di baris atas butang di panel Firebug di bahagian bawah tetingkap, terus di sebelah kanan butang Firebug Options. Ia kelihatan seperti kotak dengan kursor tetikus menunjuk ke arahnya.

Cari XPath Menggunakan Firebug Langkah 5
Cari XPath Menggunakan Firebug Langkah 5

Langkah 5. Klik elemen halaman web yang ingin anda periksa

Semasa anda menggerakkan kursor ke halaman web, anda akan melihat pelbagai elemen diserlahkan. Klik yang anda mahu cari XPath.

Cari XPath Menggunakan Firebug Langkah 6
Cari XPath Menggunakan Firebug Langkah 6

Langkah 6. Klik kanan kod yang diserlahkan di panel Firebug

Apabila anda mengklik elemen di laman web, kod yang berkaitan akan diserlahkan di panel Firebug di bahagian bawah tetingkap. Klik kanan kod yang diserlahkan ini.

Cari XPath Menggunakan Firebug Langkah 7
Cari XPath Menggunakan Firebug Langkah 7

Langkah 7. Pilih "Salin XPath" dari menu

Ini akan menyalin maklumat XPath elemen ke papan keratan anda.

Sekiranya anda memilih "Salin XPath Minimal," hanya maklumat asas XPath yang akan disalin

Cari XPath Menggunakan Firebug Langkah 8
Cari XPath Menggunakan Firebug Langkah 8

Langkah 8. Tampal maklumat XPath yang disalin di tempat lain

Setelah kod disalin, anda boleh menampalnya di tempat lain yang anda perlukan dengan mengklik kanan dan memilih "Tampal."

Kaedah 2 dari 4: Menggunakan Chrome

Cari XPath Menggunakan Firebug Langkah 9
Cari XPath Menggunakan Firebug Langkah 9

Langkah 1. Buka laman web yang ingin anda periksa di Chrome

Anda tidak memerlukan pelanjutan yang dipasang untuk dapat mencari maklumat XPath elemen laman web semasa anda menggunakan Chrome.

Cari XPath Menggunakan Firebug Langkah 10
Cari XPath Menggunakan Firebug Langkah 10

Langkah 2. Tekan

F12 untuk membuka pemeriksa laman web.

Ini akan muncul di sebelah kanan tetingkap.

Cari XPath Menggunakan Firebug Langkah 11
Cari XPath Menggunakan Firebug Langkah 11

Langkah 3. Klik butang pemeriksa elemen

Anda akan menjumpainya di sudut kiri atas panel pemeriksa laman web. Butang itu kelihatan seperti kotak dengan kursor tetikus menunjuk ke arahnya.

Cari XPath Menggunakan Firebug Langkah 12
Cari XPath Menggunakan Firebug Langkah 12

Langkah 4. Klik elemen di laman web yang ingin anda periksa

Anda akan melihat elemen penonjolan laman semasa anda menggerakkan kursor ke atasnya.

Cari XPath Menggunakan Firebug Langkah 13
Cari XPath Menggunakan Firebug Langkah 13

Langkah 5. Klik kanan kod yang diserlahkan di panel pemeriksa

Apabila anda mengklik elemen dengan pemeriksa, kod yang berkaitan akan disorot secara automatik di panel pemeriksa di sebelah kanan tetingkap. Klik kanan kod yang diserlahkan.

Cari XPath Menggunakan Firebug Langkah 14
Cari XPath Menggunakan Firebug Langkah 14

Langkah 6. Pilih "Salin" → "Salin XPath

" Ini akan menyalin maklumat XPath elemen ke papan keratan anda.

Perhatikan bahawa ini hanya menyalin maklumat XPath minimum. Firebug for Firefox dapat memberi anda maklumat lengkap XPath

Cari XPath Menggunakan Firebug Langkah 15
Cari XPath Menggunakan Firebug Langkah 15

Langkah 7. Tampal maklumat XPath yang disalin

Anda boleh menampal maklumat XPath yang disalin seperti maklumat yang disalin dengan mengklik kanan pada medan teks dan memilih "Tampal."

Kaedah 3 dari 4: Menggunakan Safari

Cari XPath Menggunakan Firebug Langkah 16
Cari XPath Menggunakan Firebug Langkah 16

Langkah 1. Klik menu Safari dan pilih "Keutamaan

" Anda perlu mengaktifkan menu Develop untuk mengakses utiliti Pemeriksa Web.

Cari XPath Menggunakan Firebug Langkah 17
Cari XPath Menggunakan Firebug Langkah 17

Langkah 2. Klik tab "Lanjutan"

Ini akan memaparkan tetapan Safari lanjutan.

Cari XPath Menggunakan Firebug Langkah 18
Cari XPath Menggunakan Firebug Langkah 18

Langkah 3. Tandakan kotak "Show Develop menu in menu bar"

Menu Develop akan muncul dengan segera di bar menu.

Cari XPath Menggunakan Firebug Langkah 19
Cari XPath Menggunakan Firebug Langkah 19

Langkah 4. Buka laman web yang ingin anda periksa

Tutup menu Preferences dan lawati laman web yang mengandungi elemen yang anda inginkan untuk mendapatkan XPath.

Cari XPath Menggunakan Firebug Langkah 20
Cari XPath Menggunakan Firebug Langkah 20

Langkah 5. Klik menu Develop dan pilih "Show Web Inspector

" Panel Pemeriksa Web akan muncul di bahagian bawah tetingkap.

Cari XPath Menggunakan Firebug Langkah 21
Cari XPath Menggunakan Firebug Langkah 21

Langkah 6. Klik butang "Mula pemilihan elemen"

Kelihatan seperti crosshair, boleh didapati di baris atas butang di panel Web Inspector.

Cari XPath Menggunakan Firebug Langkah 22
Cari XPath Menggunakan Firebug Langkah 22

Langkah 7. Klik elemen di laman web yang ingin anda periksa

Ini akan menyoroti kod untuk elemen tersebut di panel Pemeriksa Web di bahagian bawah tetingkap.

Cari XPath Menggunakan Firebug Langkah 23
Cari XPath Menggunakan Firebug Langkah 23

Langkah 8. Perhatikan maklumat XPath di bahagian atas pokok

Anda tidak dapat menyalin XPath secara langsung, tetapi anda dapat melihat jalan lengkap yang tertera di atas kod yang dipaparkan di Web Inspector. Setiap tab adalah ungkapan jalan.

Kaedah 4 dari 4: Menggunakan Internet Explorer

Cari XPath Menggunakan Firebug Langkah 24
Cari XPath Menggunakan Firebug Langkah 24

Langkah 1. Buka laman web yang ingin anda periksa di Internet Explorer

Anda tidak perlu memasang apa-apa untuk mencari XPath di Internet Explorer. Buka laman web yang mengandungi elemen yang ingin anda periksa.

Cari XPath Menggunakan Firebug Langkah 25
Cari XPath Menggunakan Firebug Langkah 25

Langkah 2. Tekan F12 untuk membuka alat pembangun

Panel alat pembangun akan muncul di bahagian bawah tetingkap.

Cari XPath Menggunakan Firebug Langkah 26
Cari XPath Menggunakan Firebug Langkah 26

Langkah 3. Klik butang "Pilih elemen"

Anda akan menjumpainya di sudut kiri atas panel alat pembangun.

Cari XPath Menggunakan Firebug Langkah 27
Cari XPath Menggunakan Firebug Langkah 27

Langkah 4. Klik elemen di laman web yang ingin anda periksa

Ini akan memilihnya dan menonjolkan kodnya di DOM Explorer.

Cari XPath Menggunakan Firebug Langkah 28
Cari XPath Menggunakan Firebug Langkah 28

Langkah 5. Perhatikan maklumat XPath di bahagian bawah panel

Setiap tab di bahagian bawah panel adalah ungkapan XPath untuk elemen yang telah anda pilih. Anda tidak boleh menyalinnya dalam format XPath seperti yang anda dapat di Firefox dengan Firebug.

Disyorkan: