4 Cara Menemukan XPath Menggunakan Firebug

Daftar Isi:

4 Cara Menemukan XPath Menggunakan Firebug
4 Cara Menemukan XPath Menggunakan Firebug

Video: 4 Cara Menemukan XPath Menggunakan Firebug

Video: 4 Cara Menemukan XPath Menggunakan Firebug
Video: Cara Mudah! install Windows 10 di MacBook 2024, Mungkin
Anonim

Anda dapat menemukan informasi XPath untuk elemen situs web menggunakan sebagian besar alat pengembang browser. Firebug untuk Firefox memungkinkan Anda untuk menyalin informasi XPath langsung ke clipboard Anda. Untuk sebagian besar browser lain, Anda dapat menemukan informasi XPath untuk elemen di alat pengembang, tetapi harus memformatnya sendiri.

Langkah

Metode 1 dari 4: Menggunakan Firefox dan Firebug

Temukan XPath Menggunakan Firebug Langkah 1
Temukan XPath Menggunakan Firebug Langkah 1

Langkah 1. Instal Firebug untuk Firefox

Firebug adalah add-on web inspector untuk Firefox.

  • Klik tombol Menu Firefox (☰) dan pilih "Add-on."
  • Klik "Dapatkan Pengaya" dan kemudian klik "Dapatkan lebih banyak pengaya!" tombol.
  • Cari "Firebug" dan kemudian klik tombol "Tambahkan ke Firefox" di sebelahnya.
  • Konfirmasikan bahwa Anda ingin menginstal Firebug dan kemudian restart Firefox ketika diminta.
Temukan XPath Menggunakan Firebug Langkah 2
Temukan XPath Menggunakan Firebug Langkah 2

Langkah 2. Buka situs web yang ingin Anda periksa

Anda dapat menggunakan Firebug untuk memeriksa elemen apa pun di situs web untuk menemukan XPath.

Temukan XPath Menggunakan Firebug Langkah 3
Temukan XPath Menggunakan Firebug Langkah 3

Langkah 3. Klik tombol Firebug

Anda akan menemukan ini di sudut kanan atas jendela. Ini akan membuka panel Firebug di bagian bawah jendela Firefox.

Temukan XPath Menggunakan Firebug Langkah 4
Temukan XPath Menggunakan Firebug Langkah 4

Langkah 4. Klik tombol pemeriksa elemen

Anda akan menemukannya di baris atas tombol di panel Firebug di bagian bawah jendela, langsung di sebelah kanan tombol Opsi Firebug. Itu terlihat seperti kotak dengan kursor mouse menunjuk ke sana.

Temukan XPath Menggunakan Firebug Langkah 5
Temukan XPath Menggunakan Firebug Langkah 5

Langkah 5. Klik elemen halaman web yang ingin Anda periksa

Saat Anda memindahkan kursor ke halaman web, Anda akan melihat elemen yang berbeda disorot. Klik salah satu yang Anda inginkan untuk menemukan XPath.

Temukan XPath Menggunakan Firebug Langkah 6
Temukan XPath Menggunakan Firebug Langkah 6

Langkah 6. Klik kanan kode yang disorot di panel Firebug

Saat Anda mengklik elemen di halaman web, kode terkaitnya akan disorot di panel Firebug di bagian bawah jendela. Klik kanan kode yang disorot ini.

Temukan XPath Menggunakan Firebug Langkah 7
Temukan XPath Menggunakan Firebug Langkah 7

Langkah 7. Pilih "Salin XPath" dari menu

Ini akan menyalin informasi XPath elemen ke clipboard Anda.

Jika Anda memilih "Copy Minimal XPath," hanya informasi dasar XPath yang akan disalin

Temukan XPath Menggunakan Firebug Langkah 8
Temukan XPath Menggunakan Firebug Langkah 8

Langkah 8. Tempel informasi XPath yang disalin di tempat lain

Setelah kode disalin, Anda cukup menempelkannya di tempat lain yang Anda butuhkan dengan mengklik kanan dan memilih "Tempel."

Metode 2 dari 4: Menggunakan Chrome

Temukan XPath Menggunakan Firebug Langkah 9
Temukan XPath Menggunakan Firebug Langkah 9

Langkah 1. Buka situs web yang ingin Anda periksa di Chrome

Anda tidak perlu memasang ekstensi apa pun untuk dapat menemukan informasi XPath dari elemen situs web saat Anda menggunakan Chrome.

Temukan XPath Menggunakan Firebug Langkah 10
Temukan XPath Menggunakan Firebug Langkah 10

Langkah 2. Tekan

F12 untuk membuka pemeriksa situs web.

Ini akan muncul di sisi kanan jendela.

Temukan XPath Menggunakan Firebug Langkah 11
Temukan XPath Menggunakan Firebug Langkah 11

Langkah 3. Klik tombol pemeriksa elemen

Anda akan menemukannya di sudut kiri atas panel pemeriksa situs web. Tombolnya terlihat seperti kotak dengan kursor mouse mengarah ke sana.

Temukan XPath Menggunakan Firebug Langkah 12
Temukan XPath Menggunakan Firebug Langkah 12

Langkah 4. Klik elemen di situs web yang ingin Anda periksa

Anda akan melihat elemen sorotan situs saat Anda memindahkan kursor ke atasnya.

Temukan XPath Menggunakan Firebug Langkah 13
Temukan XPath Menggunakan Firebug Langkah 13

Langkah 5. Klik kanan kode yang disorot di panel inspektur

Saat Anda mengklik elemen dengan inspektur, kode yang relevan akan disorot secara otomatis di panel inspektur di sisi kanan jendela. Klik kanan kode yang disorot.

Temukan XPath Menggunakan Firebug Langkah 14
Temukan XPath Menggunakan Firebug Langkah 14

Langkah 6. Pilih "Salin" → "Salin XPath

" Ini akan menyalin informasi XPath elemen ke clipboard Anda.

Perhatikan bahwa ini hanya menyalin informasi XPath minimal. Firebug untuk Firefox dapat memberi Anda informasi XPath lengkap

Temukan XPath Menggunakan Firebug Langkah 15
Temukan XPath Menggunakan Firebug Langkah 15

Langkah 7. Tempel informasi XPath yang disalin

Anda dapat menempelkan informasi XPath yang disalin seperti yang Anda lakukan pada informasi yang disalin dengan mengklik kanan di bidang teks dan memilih "Tempel."

Metode 3 dari 4: Menggunakan Safari

Temukan XPath Menggunakan Firebug Langkah 16
Temukan XPath Menggunakan Firebug Langkah 16

Langkah 1. Klik menu Safari dan pilih "Preferences

" Anda harus mengaktifkan menu Kembangkan untuk mengakses utilitas Web Inspector.

Temukan XPath Menggunakan Firebug Langkah 17
Temukan XPath Menggunakan Firebug Langkah 17

Langkah 2. Klik tab "Lanjutan"

Ini akan menampilkan pengaturan Safari lanjutan.

Temukan XPath Menggunakan Firebug Langkah 18
Temukan XPath Menggunakan Firebug Langkah 18

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

Menu Kembangkan akan segera muncul di bilah menu.

Temukan XPath Menggunakan Firebug Langkah 19
Temukan XPath Menggunakan Firebug Langkah 19

Langkah 4. Buka situs web yang ingin Anda periksa

Tutup menu Preferensi dan kunjungi situs web yang berisi elemen yang Anda inginkan untuk mendapatkan XPath.

Temukan XPath Menggunakan Firebug Langkah 20
Temukan XPath Menggunakan Firebug Langkah 20

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

" Panel Web Inspector akan muncul di bagian bawah jendela.

Temukan XPath Menggunakan Firebug Langkah 21
Temukan XPath Menggunakan Firebug Langkah 21

Langkah 6. Klik tombol "Mulai pemilihan elemen"

Ini terlihat seperti crosshair, dapat ditemukan di baris atas tombol di panel Web Inspector.

Temukan XPath Menggunakan Firebug Langkah 22
Temukan XPath Menggunakan Firebug Langkah 22

Langkah 7. Klik elemen di situs web yang ingin Anda periksa

Ini akan menyorot kode untuk elemen tersebut di panel Web Inspector di bagian bawah jendela.

Temukan XPath Menggunakan Firebug Langkah 23
Temukan XPath Menggunakan Firebug Langkah 23

Langkah 8. Catat informasi XPath di bagian atas pohon

Anda tidak dapat langsung menyalin XPath, tetapi Anda dapat melihat jalur lengkap yang diletakkan di atas kode yang ditampilkan di Web Inspector. Setiap tab adalah ekspresi jalur.

Metode 4 dari 4: Menggunakan Internet Explorer

Temukan XPath Menggunakan Firebug Langkah 24
Temukan XPath Menggunakan Firebug Langkah 24

Langkah 1. Buka situs web yang ingin Anda periksa di Internet Explorer

Anda tidak perlu menginstal apa pun untuk menemukan XPath di Internet Explorer. Buka situs web yang berisi elemen yang ingin Anda periksa.

Temukan XPath Menggunakan Firebug Langkah 25
Temukan XPath Menggunakan Firebug Langkah 25

Langkah 2. Tekan F12 untuk membuka alat pengembang

Panel alat pengembang akan muncul di bagian bawah jendela.

Temukan XPath Menggunakan Firebug Langkah 26
Temukan XPath Menggunakan Firebug Langkah 26

Langkah 3. Klik tombol "Pilih elemen"

Anda akan menemukannya di sudut kiri atas panel alat pengembang.

Temukan XPath Menggunakan Firebug Langkah 27
Temukan XPath Menggunakan Firebug Langkah 27

Langkah 4. Klik elemen pada halaman web yang ingin Anda periksa

Ini akan memilihnya dan menyorot kode untuknya di DOM Explorer.

Temukan XPath Menggunakan Firebug Langkah 28
Temukan XPath Menggunakan Firebug Langkah 28

Langkah 5. Perhatikan informasi XPath di bagian bawah panel

Setiap tab di sepanjang bagian bawah panel adalah ekspresi XPath untuk elemen yang telah Anda pilih. Anda tidak dapat menyalinnya dalam format XPath seperti yang Anda bisa di Firefox dengan Firebug.

Direkomendasikan: