Iframe Detector

WHAT IT DOES Iframe Detector scans the current page's DOM and displays every element in a clean, sortable list. For each iframe, it shows the source URL (with one-click copy and open actions), dimensions (width/height), loading mode (lazy/eager), sandbox attributes, allow attributes, visibility status (visible/hidden), name, id, class, referrer policy, and fullscreen permissions. Search and filter controls let you quickly find specific iframes by URL, name, ID, or attribute. Sort by page order, alphabetical by URL, or by size. Perfect for auditing third-party embeds, debugging embedded content, or understanding what external resources a page is pulling in. WHERE IT RUNS Any webpage—the script scans the DOM directly, so it works on local files, development environments, production sites, and pages behind authentication. No server-side calls, no external dependencies, no site-specific configuration. Works with dynamically added iframes as well—a MutationObserver keeps the list updated when iframes are added or removed. HOW TO USE Install the script and open any page. The panel automatically scans and displays all iframes. Use the search box to filter by URL, name, or ID. Toggle "URL," "Size," and "Attributes" checkboxes to show or hide those columns. Sort iframes by page order, alphabetical, or by dimensions. Click "Copy" next to any iframe URL to copy it to your clipboard. Click "Open" to open the iframe's source in a new tab. Click "Copy List" to copy the entire filtered list to your clipboard as plain text for documentation or analysis. Keyboard shortcut: Ctrl+Shift+F to re-scan without opening the panel. TECHNICAL MECHANISM The script uses document.querySelectorAll('iframe') to get all iframe elements in the page. For each element, it reads properties directly from the DOM node: src, width, height, loading, sandbox (value or attribute), allow, name, id, className, referrerPolicy, and allowFullscreen. Visibility detection checks both computed style (display, visibility) and getBoundingClientRect dimensions—an iframe is considered hidden if it has display:none, visibility:hidden, or zero width/height dimensions. The script also reads computed dimensions via getBoundingClientRect when width/height attributes are not set. A MutationObserver watches for DOM changes to detect iframes added after page load. The list is rendered in a scrollable container with color-coded visibility badges (visible/hidden), with filters applied in real-time. Each iframe row includes action buttons that use GM_setClipboard for copying URLs and GM_openInTab for opening them in a new tab. THE PANEL The tool runs inside BGPanel, a lightweight UI system built into the BotGentz extension. Drag the panel by its header to reposition it anywhere on screen—it snaps to edges and remembers its position per site. Click the header to collapse the panel into a small bubble; click again to expand. Resize the panel by dragging its bottom-right corner. Press Escape at any time to close the panel. The panel stays out of your way but is always accessible via the extension's toolbar. PLEASE NOTE Requires the free BotGentz browser extension to run—this script does not work standalone. The script reads only the DOM—it does not communicate with iframes, does not send data anywhere, and does not access other tabs or browser history. The MutationObserver keeps the list current but may affect performance on pages with extremely frequent DOM updates—the debounced 500ms update helps mitigate this. Visibility detection relies on computed styles and bounding rects, which may be affected by CSS animations or delayed rendering. Sites change over time, but this script relies on standard DOM APIs, not site-specific selectors, so it remains robust across most pages.