Testing Tools: Duplicate Ids on Webpage

I was learning about HTML Grouping by Attributes using Classes and IDs.

I have learned why do we have classes and Ids as part of HTML Attributes.
As part of this, I have learned that the webpage should not contain more than one same ids for an HTML Element.

<h1>Airports</h1>
<h2 class="air-header">Hyderabad</h2>
<p class="air-content" id="air-content-1">I have travelled from Hyderabd Airport</p>
<h2 class="air-header">Bangalore</h2>
<p class="air-content">I have travelled from Bangalore Airport</p>

Found a Chrome Extension
Dup-ID - Scans HTML for duplicate ID attributes.
https://chrome.google.com/webstore/detail/dup-id-scans-html-for-dup/nggpgolddgjmkjioagggmnmddbgedice

This simple extension will scan the webpage Html tags and look for duplicate ID attributes. 


I have used the chrome extension on
https://www.cognizant.com/ and https://www.infosys.com/ website.


This tool displays duplicate IDs found with a number of times they are used.
And Sorted by ID names.




Reference:

https://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-eleme

Popular Posts

JMeter Producing Error: Windows RegCreateKeyEx(...) returned error code 5

Understanding about Contract Testing