title: Detecting UI Elements of Browser Extension using JavaScript
body: <p>In the Google Chrome browser, I have installed the <em>'Roboform' extension</em>. <a href="https://chrome.google.com/webstore/detail/roboform-password-manager/pnlccmojcmeohlpggmfnbbiapkmbliob" rel="nofollow noreferrer">This extension</a> creates some <strong>UI elements</strong> as shown in the below screenshot. <em>See the popup (Localhost) near login username input.</em></p>
  <p><a href="https://i.stack.imgur.com/BYvjz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BYvjz.png" alt="enter image description here" /></a></p>
  <p><strong>Question</strong>: Is there a way to detect 'Roboform' created UI elements with JavaScript?</p>
  <h2>What I have tried</h2>
  <ul>
  <li>I tried to use dev tools to inspect the popup element. But I could not see/inspect.</li>
  <li>I also tried to detect the extension using <a href="https://stackoverflow.com/questions/6293498/check-whether-user-has-a-chrome-extension-installed">other methods</a>. But could not get it to work.</li>
  </ul>