<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # 9J WebDriver – 定位元素:第 1 部分(按 ID,名稱,標簽名稱) > 原文: [https://javabeginnerstutorial.com/selenium/9j-webdriver-locating-elements-1/](https://javabeginnerstutorial.com/selenium/9j-webdriver-locating-elements-1/) 朋友! 如果您進入了 Selenium 世界,那么您一定已經遇到了 Web 元素! 文本框,按鈕,鏈接,復選框,單選按鈕,下拉菜單,警報等,所有內容均視為網絡元素。 使用定位器類型和策略,我們可以輕松識別頁面上任何所需的元素。 這是與頁面進行交互并在代碼中進一步引用這些元素的最關鍵步驟。 是的,它與我們在 Selenium IDE 中看到的[非常相似](https://javabeginnerstutorial.com/selenium/7k-ide-locating-elements/),除了語法和概念的應用方式。 使用 Selenium webDriver 定位 Web 元素的一般語法是: ```java driver.findElement(By.LocatorStrategyType ("Locator_Value")); ``` **說明**: * `driver` – 實現 WebDriver 接口的相應驅動程序類的實例變量 * `findElement()` – 查找并返回具有指定位置策略的第一個 Web 元素 * `findElements()` – 查找并返回與給定位置策略匹配的 Web 元素列表 * `By` – 始終使用按類別定位目標 * `LocatorStrategyType` – ID,名稱,標記名,類名,`cssSelector`,`linkText`,`partialLinkText`,xpath 是可用于在頁面上定位元素的某些定位器類型 * `Locator_Value` – 可以標識元素的值/ HTML 標記 #### 可用的定位器類型包括: * ID * 名稱 * 標簽名 * 類名稱 * 鏈接文本 * `partialLinkText` * `cssSelector` * XPath 可以隨時通過編程方式掌握頁面上所需的元素,但要實現此目的,我們的創作方可能不得不偷看一下。 原因是,我們并不總是可以控制頁面上的 HTML。 這就是為什么我們有這么多的定位器類型,而且絕對沒有理由驚慌! 讓我們繼續,并通過代碼示例詳細了解每種定位器類型。 ## 通過 ID 定位 ID 是在頁面上定位元素的最有用和首選的方式,因為它是唯一的。 但是,當心! 一些開發人員或者自動生成這些 ID,或者完全忘記添加一個。 那就是我們去尋找其他定位器類型的時候。 **語法**:`driver.findElement(By.id("element_id"));` **說明**:找到具有匹配 ID 屬性的第一個元素。 **示例**:打開 Goog??le 帳戶創建頁面。 讓我們通過 ID 識別名字文本框。 * Google Chrome – 右鍵單擊要確定其 ID 的網絡元素,然后選擇“檢查”。 或通過單擊`F12`打開開發人員工具,單擊左上角的檢查元素圖標,然后在頁面上單擊所需的 Web 元素。 兩種方法都將突出顯示與所選元素相對應的 HTML 代碼。 * Mozilla Firefox – 右鍵單擊 Web 元素,然后選擇“使用 Firebug 檢查元素”(以防您錯過了 [Firebug 安裝和使用](https://javabeginnerstutorial.com/selenium/7n-ide-using-firebug/) 上的帖子)。 或者,如果您確實不想使用 Firebug,則右鍵單擊該元素并選擇“檢查元素”。 在兩種情況下,都將打開并突出顯示相應的 HTML 代碼。 ![Locating by Id](https://img.kancloud.cn/9f/fc/9ffc1ba43c22b0dd51980b34889858bf_906x468.png) 如上面的屏幕截圖所示,“名字”文本框的 ID 為“名字”。 因此,此處使用的代碼是 ```java driver.findElement(By.id("FirstName")); ``` ## 按名稱定位 `name`屬性也可用于在頁面上定位元素。 **語法**:`driver.findElement(By.name("element_name"));` **說明**:找到具有匹配名稱屬性的第一個元素。 **示例**:讓我們按名稱標識姓氏文本框。 右鍵單擊姓氏文本框,然后單擊檢查元素以獲取相應的 HTML 代碼。 在我們的案例中,`name`屬性的值為`LastName`。 因此,按名稱定位此網絡元素的代碼將是, ```java driver.findElement(By.name("LastName")); ``` ![Locating by Name](https://img.kancloud.cn/51/f0/51f006f606e30cfddb8ff45ecadadbdf_906x397.png) ## 通過標簽名定位 在這里,我們使用標記的實際名稱,例如`<a>`作為錨,`<form>`作為表。 當我們想要獲得具有給定標簽名稱的所有元素時,這很有用。 如果被測頁面只有一個標簽,則`findElement`將起作用。 但否則,建議對結果建立索引以找到我們希望使用的特定元素。 **語法**:`driver.findElements(By.tagName("element_html_tag"));` **說明**:找到具有匹配標簽名稱的所有元素。 **示例**:讓我們找到 Gmail 帳戶創建頁面右上角的“登錄”按鈕。 右鍵單擊按鈕,然后單擊檢查元素以獲取相應的 HTML 代碼。 我們可以看到它具有錨標記。 讓我們繼續并在列表中獲取所有具有`tagName="a"`的網絡元素,然后通過其索引找到第一個元素,以便與“登錄”按鈕進行交互。 ```java // List of all elements with anchor tag List<WebElement> buttons = driver.findElements(By.tagName("a")); // Locate 'Sign in' button by indexing the list WebElement signInButton = buttons.get(0); ``` ## 概覽 為了避免在嘗試使用這些定位器時可能遇到的意外意外,讓我們看一個實現上述定位器類型的測試用例。 #### 場景 1. 打開 Firefox 瀏覽器。 2. 導航到 Google 帳戶創建頁面 3. 通過 ID 找到名字文本框 4. 輸入“`fname01`”作為名字 5. 按名稱找到姓氏文本框 6. 輸入“`lname01`”作為姓氏 7. 使用`tagName`找到“登錄”按鈕 8. 將按鈕文字打印到控制臺進行驗證 此方案的 JUnit 代碼是, ```java import java.util.List; import java.util.concurrent.TimeUnit; import org.junit.After; import org.junit.Before; import org.junit.Test; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class ElementLocatorTest1 { //Declaring variables private WebDriver driver; private String baseUrl; @Before public void setUp() throws Exception{ // Selenium version 3 beta releases require system property set up System.setProperty("webdriver.gecko.driver", "E:\\Softwares\\" + "Selenium\\geckodriver-v0.10.0-win64\\geckodriver.exe"); // Create a new instance for the class FirefoxDriver // that implements WebDriver interface driver = new FirefoxDriver(); // Implicit wait for 5 seconds driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS); // Assign the URL to be invoked to a String variable baseUrl = "https://accounts.google.com/SignUp"; } @Test public void testPageTitle() throws Exception{ // Open baseUrl in Firefox browser window driver.get(baseUrl); // Locate First Name text box by id and // assign it to a variable of type WebElement WebElement firstName = driver.findElement(By.id("FirstName")); // Clear the default placeholder or any value present firstName.clear(); // Enter/type the value to the text box firstName.sendKeys("fname01"); // Locate last name text box by name WebElement lastName = driver.findElement(By.name("LastName")); // Clear and enter a value lastName.clear(); lastName.sendKeys("lname01"); // List of all elements with anchor tag List<WebElement> buttons = driver.findElements(By.tagName("a")); // Locate 'Sign in' button by indexing the list WebElement signInButton = buttons.get(0); // Verifying if the button is located System.out.println("First button text: " + signInButton.getText()); } @After public void tearDown() throws Exception{ // Close the Firefox browser driver.close(); } } ``` #### 解釋 將導入兩個新的包, **導入**`org.openqa.selenium.WebElement` – 實例化一個新的 Web 元素。 **導入**`org.openqa.selenium.By` – 該包引用了被稱為定位器類型的`By`類。 注釋清楚地提供給每一行代碼,因此很容易解釋。 ![Output1](https://img.kancloud.cn/29/d2/29d2d04fd96dc6b25f819fb3072d3f45_821x397.png) 執行測試用例后,成功顯示為綠色,并且輸出顯示在控制臺上,確認“登錄”按鈕與`tagName`一起位于。 圖像的右半部分顯示了在 Firefox 瀏覽器中執行的自動輸出。 名字和姓氏文本框將填充代碼中給出的值。 讓我們在這里休息一下。 在下面的文章中,我們將通過示例看到另外三種查找元素的方法。 蒙克就這些想法直到那時! 祝你今天愉快!
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看