Once you have installed the FireBug Firefox Add-on, follow the below mentioned steps.

  1. Launch the Firefox browser, and go to google.com.image001
  2. Click the ‘FireBug’ icon on the browser or press F12 key.image003
  3. This will display the FireBug option, as shown below.image005
  1. Click on ‘Inspect Element’. Select any UI element and ensure its source code is highlighted, as shown below.image007
  2. The highlighted source code is in html format. This source code is required to identify the properties of selected UI elements.
  3. In order to know the id property details of the selected UI element, first inspect the element by following step 4 and copy the ‘id’ details from the highlighted source code.image009