TestingDocs.com
Software Testing website
  • Automation
    • Selenium
    • JBehave Framework
  • Tutorials
    • MySQL Tutorials
    • Testlink
    • Maven
    • Git
  • IDEs
    • IntelliJ IDEA
    • Eclipse
  • Flowcharts
    • Flowgorithm
    • Raptor
  • About

Selenium

Inspect elements using Firefox Web Developer Tools

Overview

In this tutorial, we will learn to inspect elements using Firefox Web Developer Tools. This is useful when we automate and try to locate web elements on the page during Selenium automation tests.

Web Developer Tools

We can use the tools suite to inspect, test and debug HTML, CSS and JavaScript on the web pages in Firefox browser. There are many uses of these tools for the developers. However, in this post we will use these tools to inspect elements on the page.

Steps

Launch Mozilla Firefox browser on the machine.

To open Developer Tools, Choose the three lines Application Menu button.

Choose the menu option More Tools >> Web Developer Tools

Alternatively, use the Ctrl + Shift + I keyboard short cut to launch the tools.

Firefox Developer Tools

 

Inspect

Follow the below steps to inspect an element on the web page using the tools:

  • Navigate to the application URL in Firefox browser window.
  • Click on the Inspect arrow button and pick an element to inspect on the web page.
  • The element HTML markup would be selected in the Inspector tab.
  • Examine the element attributes to locate the element.

 

Inspect Web Element Firefox Browser

 

We can see that the element code got highlighted in the Inspector tab. We can now examine the attributes of the element to use in the automation script code or during Page object design.

—

Selenium Tutorials on this website:

https://www.testingdocs.com/selenium-webdriver-tutorial/

Official Website:

https://www.selenium.dev/

Related Posts

Windows 10 Settings

Selenium /

Add Microsoft Webdriver on Windows OS

Download Selenium Components

Selenium /

Getting Started with Selenium Webdriver

LambdaTest Testing Cloud SaaS Platform

Selenium /

LambdaTest – Testing Cloud SaaS Platform

Selenium /

Selenium 3.0 and Mozilla GeckoDriver

SauceLabs Website

Selenium /

Run an Example Test on SauceLabs

‹ Selenium Find Element using By ID Attribute› Selenium Find Element using By.Name() Example

Recent Posts

  • MS Access Data Types
  • Install RAPTOR Avalonia on CentOS
  • Download RAPTOR Avalonia Edition on Windows
  • npm doctor command
  • Build & Run CLion Project
  • Create New CLion C Project on Windows
  • Configure CLion Toolchains on Windows
  • Launch CLion IDE on Windows
  • Activate CLion IDE
  • CLion IDE for C/C++ Development

Back to Top

Links

  • Contact
  • Privacy Policy
  • Cookie Policy

www.TestingDocs.com

Go to mobile version