Find the Internal ID of a Field using Developer Tools (Browser Add-Ons)

How to Find Internal ID of a Field using Developer Tools (Browser Add-Ons)

 
In cases when users can't find the Internal ID of a field (ex: "Text Field" containing "apinvoices@elliottelectric.com" email address) so they can set the field value of it.

• Ship Notification Email Addresses Checkbox === sendshipnotifyemailups
• "Text Field" containing "apinvoices@elliottelectric.com" === ???
• Memo === memo
  

Solution:

If users cannot find the Internal ID of the Text Field then they can check the XML of the page "or" use Developer Tools (Browser Add-Ons).

• For Google Chrome and Internet Explorer user, it's already built-in so just press F12 in the Keyboard. (For Internet Explorer, Click Find > Choose "Select element by click". For Google Chrome, just right click any Page Elements and select "Inspect element".
• For Firefox, there are two options:
• the built-in developer tool which can be accessed through Firefox > Web Developer > Inspector > click the "Select element with mouse" button, and select an element;
• download/install "Firebug" Add Ons, once installed press F12 in the Keyboard then click the blue box right beside the bug to inspect the page elements.

 

 On this case, using Google Chrome Developer Tools to get the Internal ID of the ["Text Field" containing "apinvoices@elliottelectric.com"] === shipnotifyemailaddressups:

After identifying the Internal ID, user can now Set the Field Value of the Email (See screenshot below).