Hướng dẫn why xpath is preferred over css? - tại sao xpath được ưa thích hơn css?

Question

Cả XPath và CSS đều là một trong những người định vị được sử dụng thường xuyên nhất trong selen. Mặc dù có các trình định vị khác như ID, tên, ClassName, TagName và văn bản liên kết, v.v., XPath và CSS được sử dụng khi không có thuộc tính duy nhất nào có sẵn để xác định các yếu tố.

Nội dung chính Show

Bộ chọn XPath là gì?
Làm thế nào để tạo XPath?
Làm thế nào để tạo bộ chọn CSS?
and are children of the . Note that the elements are not children of the .Cha mẹ. Những yếu tố này chính xác là một cấp độ lên. Điều đó có nghĩa là mỗi phần tử sẽ có chính xác một cha mẹ. Trong ví dụ trên, cha mẹ của phần tử là.. These elements are exactly one level up. That means that each element will have exactly one parent. In the above example, the parent of element is .Anh chị em ruột. Các yếu tố này có cùng cha mẹ. Trong ví dụ này, các thẻ và là anh chị em có chung cha mẹ.. These elements have the same parent. In this example, tags and are siblings that share the same parent .Hậu duệ. Đây là những yếu tố là bất kỳ cấp độ nào, bao gồm cả trẻ em. Ví dụ, hậu duệ của là,,, và nhiều hơn nữa.. These are elements that are any level down, including children. For example, the descendants of the are , , , and more. (adsbygoogle = window.adsbygoogle || []).push({}); Tổ tiên. Đây là những yếu tố bất kỳ cấp độ nào, bao gồm cả cha mẹ. Trong ví dụ này, tổ tiên của TAG là, và.. These are elements any level up, including the parent. In this example, the ancestors of tag are , , and .Tạo Xpath đầy đủ
are going to be as follows:Bước 1 - H2h2Bước 2 - /H2/h2Bước 3 - Cơ thể/H2body/h2Bước 4 - /Body /H2/body/h2Bước 5 - HTML/Body/H2html/body/h2Bước 6 -/HTML/Body/H2/html/body/h2Đây có thể là một cách tẻ nhạt để xây dựng XPath nhưng nó giúp hiểu được cách cấu trúc XPath.XPath này cũng có thể được tạo bằng các công cụ phát triển từ trình duyệt của bạn. Đây là cách làm:Lưu HTML ở trên vào một tệp và mở nó bằng Chrome hoặc Firefox.Nhấp chuột phải vào văn bản Chào mừng bạn đến với Xpath, và chọn Kiểm tra.Điều này sẽ mở các công cụ phát triển của nhà phát triển, với phần tử được tô sáng. Nhấp chuột phải vào phần tử, chỉ vào bản sao của bản sao và sau đó chọn Sao chép đầy đủ XPath Xpath. Điều này sẽ tạo ra cùng một đường dẫn mà chúng tôi vừa tạo. & NBSP; element highlighted. Right-click the element, point to “Copy” and then choose “Copy Full XPath”. This will create the same path that we just created. Sao chép đầy đủ XPath trong ChromeKhối xây dựng XPath
tags, the XPath will be as follows:Trong tệp documet1.html đang được thảo luận, chỉ có một thẻ. & Nbsp; Điều này có nghĩa là XPath mà chúng tôi đã tạo trước đó,/html/body/h2 có thể chỉ đơn giản là // h2. Khối xây dựng tiếp theo là dấu hoa thị. Nhân vật này được sử dụng như một thẻ hoang dã sẽ phù hợp với mọi yếu tố. Ví dụ: nếu chúng ta muốn có được danh sách tất cả các yếu tố là trẻ em của một yếu tố, không có dấu hoa thị, XPath sẽ như sau: tag. This means the XPath that we created earlier, /html/body/h2 can be simply //h2. The next building block is the asterisk. This character is used as a wild card that will match every element. For example, if we want to get the list of all the elements which are children of a element, without the asterisk the XPath will be as follows:Tương tự như vậy, để chọn tất cả các yếu tố là trẻ em, chúng ta có thể sử dụng XPath này: elements that are children of , we can use this XPath:Tuy nhiên, nếu chúng ta muốn chọn tất cả các yếu tố là trẻ em của một yếu tố, chúng ta có thể sử dụng dấu hoa thị. XPath sẽ như sau: element, we can use an asterisk. The XPath will be as follows:Bạn nên sử dụng điều này vì nó có thể phù hợp với nhiều yếu tố nếu các điều kiện khác không được thêm vào. Những điều kiện này được thêm vào bằng cách sử dụng dấu ngoặc vuông và được gọi là vị ngữ.Vị nguyên tố trong XPath
Nhận văn bản từ các yếu tố
Ưu điểm của việc sử dụng XPath
Bộ chọn CSS là gì?
Làm thế nào để tạo bộ chọn CSS?
elements with id as header.Để chọn trẻ, toán tử> được sử dụng. Để chọn toán tử anh chị em đầu tiên được sử dụng. Để chọn tất cả anh chị em, ~ được sử dụng. Dưới đây là một vài ví dụ:> operator is used. For selecting the first sibling + operator is used. For selecting all siblings, ~ is used. Here are few examples:div> a - chọn các yếu tố là con của – selects elements which are children of Div A - Chọn các yếu tố là hậu duệ của & nbsp; – selects elements which are descendent of Div + A - Chọn phần tử đầu tiên sau một – selects first element after a Div ~ a - chọn tất cả các yếu tố sau một – Selects all elements after a Nếu bạn biết những điều này, bạn sẽ có thể bao gồm hầu hết các kịch bản.Ưu điểm của việc sử dụng bộ chọn CSS
CSS vs XPath so sánh
Lựa chọn giữa XPath và CSS
Sự kết luận
Những bài viết liên quan
Xpath hay CSS nào là tốt nhất?
Tại sao XPath được ưa thích?
Tại sao sử dụng XPath không phải CSS?
Bộ định vị nào nhanh hơn trong Selenium CSS hoặc XPath?

Có một số khác biệt giữa XPath và CSS được liệt kê dưới đây -

XPath cho phép dòng chảy hai chiều, điều đó có nghĩa là cả hai cách có thể là cả hai cách từ cha mẹ đến con và con đến cha mẹ. CSS chỉ cho phép một luồng định hướng có nghĩa là chỉ từ cha mẹ sang con.
XPath chậm hơn về hiệu suất và tốc độ. CSS có hiệu suất và tốc độ tốt hơn XPath.
XPath cho phép nhận dạng với sự trợ giúp của văn bản có thể nhìn thấy xuất hiện trên màn hình với chức năng trợ giúp của văn bản (). CSS không có tính năng này.
CSS tùy chỉnh có thể được tạo trực tiếp với sự trợ giúp của ID và lớp thuộc tính. Đối với ID, biểu thức CSS được biểu thị bằng # theo sau là ID [ #. Đối với lớp, biểu thức CSS được đại diện bởi. tiếp theo là lớp [.]. XPath không có bất kỳ tính năng như thế này.
Biểu thức XPath được biểu thị bằng [// tagName [@Attribution = 'value']. Biểu thức CSS là đàn áp được biểu thị bằng [tagName [usult = 'value'].
Có hai loại XPath - Tuyệt đối và tương đối. Nhưng CSS không có loại như vậy.

Thí dụ

Thực hiện mã với CSS.

from selenium import webdriver
#browser exposes an executable file
#Through Selenium test we will invoke the executable file which will then #invoke actual browser
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://www.tutorialspoint.com/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of css driver. find_element_by_css_selector("input[class='gsc-input']").
send_keys("Selenium")
#to close the browser
driver.close()

Thực hiện mã với XPath

from selenium import webdriver
#browser exposes an executable file
#Through Selenium test we will invoke the executable file which will then #invoke actual browser
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://www.tutorialspoint.com/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of xpath
driver. find_element_by_xpath("//input[@class='gsc-input']").
send_keys("Selenium")
#to close the browser
driver.close()

Cập nhật vào ngày 29 tháng 1-2020 07:38:10

Câu hỏi và câu trả lời liên quan
Sự khác biệt giữa readline () và readlines () trong selen với python là gì?
Sự khác biệt chính giữa bộ chọn XPath và CSS trong selenium là gì?
Sự khác biệt giữa sự chờ đợi ngầm và rõ ràng trong selen với Python là gì?
Sự khác biệt giữa các phương thức đóng () và thoát () trong selen với python là gì?
Sự khác biệt giữa các phương thức switch_to_default_content () và switch_to.parent_frame () trong selenium với python là gì?
Sự khác biệt giữa các phương thức current_window_handle và window_handles trong selenium với python là gì?
Xpath trong selen với python là gì?
Sự khác biệt giữa Xpath tương đối và tuyệt đối trong selenium là gì?
Xpath trong selen là gì?
Sự khác biệt giữa các mô -đun Python của JSON và SimpleJson là gì?
Sự khác biệt giữa selen và dưa chuột
Sự khác biệt và điểm tương đồng giữa các bộ dữ liệu và danh sách trong Python là gì?
Sự khác biệt giữa hình ba chiều và nhiếp ảnh là gì?
Sự khác biệt giữa C ++ và Java là gì?
Sự khác biệt giữa C và Java là gì?

Khi các công cụ quét và tự động hóa web ngày càng hữu ích và dễ tiếp cận, ngày càng có nhiều công ty đầu tư vào lĩnh vực này. Nó không phải là vấn đề công nghệ hoặc khung bạn sử dụng; Cuối cùng, bạn sẽ có một quyết định để đưa ra - chọn Xpath hoặc CSS. Trong bài viết này, chúng tôi sẽ kiểm tra từng tùy chọn một cách chi tiết và giúp bạn đưa ra quyết định rằng mà sẽ cho phép bạn tận dụng tốt nhất Xpath và CSS.

Bộ chọn XPath là gì?

Làm thế nào để tạo XPath?

Ưu điểm của việc sử dụng XPath

Bộ chọn CSS là gì?

Làm thế nào để tạo bộ chọn CSS?

<?xml version="1.0" encoding="UTF-8"?>
<inventory>
    <product type="bottle">Water Bottle</product>
    <brand>ABC</brand>
    <code type="upc-13">54268453659458</code>
    <stock>54</stock>
    <description>Red colored water bottle</description>
</inventory>

Ưu điểm của việc sử dụng bộ chọn CSS

CSS vs XPath so sánh

Lựa chọn giữa XPath và CSS

Làm thế nào để tạo XPath?

Ưu điểm của việc sử dụng XPathdocument1.html.

<html>
   <head>
      <title>XPath vs CSS</title>
   </head>
   <body>
      <h2 id="header">Welcome to XPath</h2>
      <div id="navbar">
         <a href="https://oxylabs.io/blog" id="blog" class="nav">Visit our Blog</a>
         <a href="https://oxylabs.io/resources/case-studies" class="nav">Case Studies</a>
      </div>
   </body>
</html>