4 cách tìm XPath bằng Firebug

Mục lục:

4 cách tìm XPath bằng Firebug
4 cách tìm XPath bằng Firebug

Video: 4 cách tìm XPath bằng Firebug

Video: 4 cách tìm XPath bằng Firebug
Video: Hướng dẫn cài đặt Visual Studio 2022 Trên MacOS 2024, Có thể
Anonim

Bạn có thể tìm thông tin XPath cho các phần tử của trang web bằng cách sử dụng các công cụ dành cho nhà phát triển của hầu hết các trình duyệt. Firebug cho Firefox cho phép bạn sao chép thông tin XPath trực tiếp vào khay nhớ tạm. Đối với hầu hết các trình duyệt khác, bạn có thể tìm thấy thông tin XPath cho phần tử trong các công cụ dành cho nhà phát triển, nhưng sẽ phải tự định dạng nó.

Các bước

Phương pháp 1/4: Sử dụng Firefox và Firebug

Tìm XPath bằng Firebug Bước 1
Tìm XPath bằng Firebug Bước 1

Bước 1. Cài đặt Firebug cho Firefox

Firebug là một tiện ích bổ sung kiểm tra web cho Firefox.

  • Nhấp vào nút Trình đơn Firefox (☰) và chọn "Tiện ích bổ sung".
  • Nhấp vào "Nhận tiện ích bổ sung" và sau đó nhấp vào nút "Tải thêm tiện ích bổ sung!" cái nút.
  • Tìm kiếm "Firebug" và sau đó nhấp vào nút "Thêm vào Firefox" bên cạnh nó.
  • Xác nhận rằng bạn muốn cài đặt Firebug và sau đó khởi động lại Firefox khi được nhắc.
Tìm XPath bằng Firebug Bước 2
Tìm XPath bằng Firebug Bước 2

Bước 2. Mở trang web mà bạn muốn kiểm tra

Bạn có thể sử dụng Firebug để kiểm tra bất kỳ phần tử nào trên trang web để tìm XPath.

Tìm XPath bằng Firebug Bước 3
Tìm XPath bằng Firebug Bước 3

Bước 3. Nhấp vào nút Firebug

Bạn sẽ tìm thấy điều này ở góc trên bên phải của cửa sổ. Thao tác này sẽ mở bảng Firebug ở cuối cửa sổ Firefox.

Tìm XPath bằng Firebug Bước 4
Tìm XPath bằng Firebug Bước 4

Bước 4. Nhấp vào nút kiểm tra phần tử

Bạn sẽ tìm thấy nút này ở hàng nút trên cùng trong bảng điều khiển Firebug ở cuối cửa sổ, ngay bên phải của nút Tùy chọn Firebug. Nó trông giống như một hộp có con trỏ chuột trỏ vào nó.

Tìm XPath bằng Firebug Bước 5
Tìm XPath bằng Firebug Bước 5

Bước 5. Nhấp vào phần tử trang web mà bạn muốn kiểm tra

Khi bạn di chuyển con trỏ qua trang web, bạn sẽ thấy các phần tử khác nhau được đánh dấu. Bấm vào cái mà bạn muốn tìm XPath.

Tìm XPath bằng Firebug Bước 6
Tìm XPath bằng Firebug Bước 6

Bước 6. Nhấp chuột phải vào mã được đánh dấu trong bảng Firebug

Khi bạn nhấp vào một phần tử trong trang web, mã liên quan của phần tử đó sẽ được đánh dấu trong bảng Firebug ở cuối cửa sổ. Nhấp chuột phải vào mã được đánh dấu này.

Tìm XPath bằng Firebug Bước 7
Tìm XPath bằng Firebug Bước 7

Bước 7. Chọn "Sao chép XPath" từ menu

Thao tác này sẽ sao chép thông tin XPath của phần tử vào khay nhớ tạm của bạn.

Nếu bạn chọn "Copy Minimal XPath," chỉ thông tin XPath cơ bản sẽ được sao chép

Tìm XPath bằng Firebug Bước 8
Tìm XPath bằng Firebug Bước 8

Bước 8. Dán thông tin XPath đã sao chép vào nơi khác

Sau khi mã được sao chép, bạn có thể chỉ cần dán mã vào bất kỳ nơi nào khác mà bạn cần bằng cách nhấp chuột phải và chọn "Dán".

Phương pháp 2/4: Sử dụng Chrome

Tìm XPath bằng Firebug Bước 9
Tìm XPath bằng Firebug Bước 9

Bước 1. Mở trang web bạn muốn kiểm tra trong Chrome

Bạn không cần cài đặt bất kỳ tiện ích mở rộng nào để có thể tìm thấy thông tin XPath của các phần tử trang web khi bạn đang sử dụng Chrome.

Tìm XPath bằng Firebug Bước 10
Tìm XPath bằng Firebug Bước 10

Bước 2. Nhấn

F12 để mở trình kiểm tra trang web.

Điều này sẽ xuất hiện ở phía bên phải của cửa sổ.

Tìm XPath bằng Firebug Bước 11
Tìm XPath bằng Firebug Bước 11

Bước 3. Nhấp vào nút kiểm tra phần tử

Bạn sẽ tìm thấy điều này ở góc trên cùng bên trái của bảng trình kiểm tra trang web. Nút trông giống như một chiếc hộp với con trỏ chuột trỏ vào nó.

Tìm XPath bằng Firebug Bước 12
Tìm XPath bằng Firebug Bước 12

Bước 4. Nhấp vào phần tử trên trang web mà bạn muốn kiểm tra

Bạn sẽ thấy các phần tử của trang web được đánh dấu khi bạn di chuyển con trỏ qua chúng.

Tìm XPath bằng Firebug Bước 13
Tìm XPath bằng Firebug Bước 13

Bước 5. Nhấp chuột phải vào mã được đánh dấu trong bảng trình kiểm tra

Khi bạn nhấp vào một phần tử với trình kiểm tra, mã liên quan sẽ tự động đánh dấu trong bảng kiểm tra ở phía bên phải của cửa sổ. Bấm chuột phải vào mã được đánh dấu.

Tìm XPath bằng Firebug Bước 14
Tìm XPath bằng Firebug Bước 14

Bước 6. Chọn "Sao chép" → "Sao chép XPath

" Thao tác này sẽ sao chép thông tin XPath của phần tử vào khay nhớ tạm của bạn.

Lưu ý rằng điều này chỉ sao chép thông tin XPath tối thiểu. Firebug cho Firefox có thể cung cấp cho bạn thông tin đầy đủ về XPath

Tìm XPath bằng Firebug Bước 15
Tìm XPath bằng Firebug Bước 15

Bước 7. Dán thông tin XPath đã sao chép

Bạn có thể dán thông tin XPath đã sao chép của mình giống như bạn dán bất kỳ thông tin đã sao chép nào bằng cách nhấp chuột phải vào trường văn bản và chọn "Dán".

Phương pháp 3/4: Sử dụng Safari

Tìm XPath bằng Firebug Bước 16
Tìm XPath bằng Firebug Bước 16

Bước 1. Nhấp vào trình đơn Safari và chọn "Tùy chọn

" Bạn sẽ cần bật menu Phát triển để truy cập tiện ích Trình kiểm tra web.

Tìm XPath bằng Firebug Bước 17
Tìm XPath bằng Firebug Bước 17

Bước 2. Nhấp vào tab "Nâng cao"

Thao tác này sẽ hiển thị cài đặt Safari nâng cao.

Tìm XPath bằng Firebug Bước 18
Tìm XPath bằng Firebug Bước 18

Bước 3. Đánh dấu vào hộp "Show Develop menu in menu bar"

Menu Develop sẽ xuất hiện ngay trên thanh menu.

Tìm XPath bằng Firebug Bước 19
Tìm XPath bằng Firebug Bước 19

Bước 4. Mở trang web bạn muốn kiểm tra

Đóng menu Preferences và truy cập trang web có chứa phần tử mà bạn muốn lấy XPath.

Tìm XPath bằng Firebug Bước 20
Tìm XPath bằng Firebug Bước 20

Bước 5. Nhấp vào trình đơn Phát triển và chọn "Hiển thị Trình kiểm tra Web

" Bảng Trình kiểm tra web sẽ xuất hiện ở cuối cửa sổ.

Tìm XPath bằng Firebug Bước 21
Tìm XPath bằng Firebug Bước 21

Bước 6. Nhấp vào nút "Bắt đầu lựa chọn phần tử"

Nó trông giống như một hình chữ thập, có thể được tìm thấy ở hàng nút trên cùng trong bảng Trình kiểm tra web.

Tìm XPath bằng Firebug Bước 22
Tìm XPath bằng Firebug Bước 22

Bước 7. Nhấp vào phần tử trên trang web mà bạn muốn kiểm tra

Thao tác này sẽ đánh dấu mã cho phần tử đó trong bảng Trình kiểm tra Web ở cuối cửa sổ.

Tìm XPath bằng Firebug Bước 23
Tìm XPath bằng Firebug Bước 23

Bước 8. Lưu ý thông tin XPath ở trên cùng của cây

Bạn không thể sao chép trực tiếp XPath, nhưng bạn có thể thấy đường dẫn đầy đủ được trình bày phía trên mã được hiển thị trong Trình kiểm tra web. Mỗi tab là một biểu thức đường dẫn.

Phương pháp 4/4: Sử dụng Internet Explorer

Tìm XPath bằng Firebug Bước 24
Tìm XPath bằng Firebug Bước 24

Bước 1. Mở trang web bạn muốn kiểm tra trong Internet Explorer

Bạn không cần cài đặt bất cứ thứ gì để tìm XPath trong Internet Explorer. Mở trang web có chứa thành phần bạn muốn kiểm tra.

Tìm XPath bằng Firebug Bước 25
Tìm XPath bằng Firebug Bước 25

Bước 2. Nhấn F12 để mở các công cụ dành cho nhà phát triển

Bảng công cụ dành cho nhà phát triển sẽ xuất hiện ở cuối cửa sổ.

Tìm XPath bằng Firebug Bước 26
Tìm XPath bằng Firebug Bước 26

Bước 3. Nhấp vào nút "Chọn phần tử"

Bạn sẽ tìm thấy điều này ở góc trên bên trái của bảng công cụ dành cho nhà phát triển.

Tìm XPath bằng Firebug Bước 27
Tìm XPath bằng Firebug Bước 27

Bước 4. Nhấp vào phần tử trên trang web mà bạn muốn kiểm tra

Thao tác này sẽ chọn nó và đánh dấu mã cho nó trong DOM Explorer.

Tìm XPath bằng Firebug Bước 28
Tìm XPath bằng Firebug Bước 28

Bước 5. Lưu ý thông tin XPath ở cuối bảng điều khiển

Mỗi tab dọc theo cuối bảng là một biểu thức XPath cho phần tử bạn đã chọn. Bạn không thể sao chép nó ở định dạng XPath như bạn có thể làm trong Firefox với Firebug.

Đề xuất: