Resource List Viewer

WHAT IT DOES

Resource List Viewer is a powerful productivity tool that scans the current webpage and builds a complete inventory of every external resource loaded by the page. It identifies and lists stylesheets, JavaScript files, images, iframes, videos, audio elements, and anchor links. For each resource, it displays the full URL, resource type, file size (in bytes, KB, or MB), and HTTP status code. You can filter resources by type (e.g., show only CSS or only images), search by URL or type name, and sort by type, URL, size, or status in ascending or descending order. Each resource entry includes action buttons to copy its URL to the clipboard or open it in a new tab. You can also copy all visible URLs at once with a single click.

WHERE IT RUNS

This script runs on any website you visit — every HTTP and HTTPS page. It works inside the BotGentz extension panel overlay, independent of the page's own scripts. It does not require the page to reload or modify its content in any way.

HOW TO USE

Install the script through the BotGentz extension marketplace. Once installed, open the BotGentz panel on any webpage and select Resource List Viewer from the list of installed scripts. The panel will open with a "Scanning..." message, then display the complete resource list. Use the search box to filter by URL or type. Use the dropdown menus to filter by resource type, change sorting, or adjust the display limit. Click any resource URL to open it in a new tab. Click the copy button next to any resource to copy its URL, or use the "Copy All URLs" button to copy all visible URLs to your clipboard. The "Rescan" button refreshes the list, which is useful for single-page applications that load resources dynamically. The "Show file sizes" toggle lets you hide or show file size information.

ONE TECHNICAL SECTION — Why it works where others do not

Resource List Viewer performs a full DOM traversal to collect every resource element on the page, but it also detects resources that are not directly referenced in the DOM — such as resources injected by JavaScript after page load or resources loaded inside iframes. It uses HEAD requests with concurrency limiting to fetch file sizes and status codes without downloading the full resource, making it fast and bandwidth-efficient. The script respects the page's same-origin policy and handles cross-origin resources gracefully, displaying status codes even when size information is unavailable due to CORS restrictions. The filtering and sorting are performed client-side in real-time without additional network requests.

THE PANEL

The script runs inside the BotGentz extension panel, which is fully draggable and resizable. You can click and drag the panel header to reposition it anywhere on the screen. The panel snaps to the edges of the browser window for easy positioning. Click the collapse button (chevron) to minimize the panel to a small icon, or press the Escape key to close the panel entirely. The panel remembers its position and size between uses on a per-site basis. When the panel is closed, you can reopen it from the BotGentz toolbar icon.

PLEASE NOTE

This script requires the free BotGentz extension to run. It does not work as a standalone userscript without the extension. Websites change frequently — a script that works perfectly today may need updating if a site changes its resource-loading patterns. This script reads only the current page's DOM; it does not access other tabs, bookmarks, history, or downloads. Resource size and status information is fetched using HEAD requests, which may not be supported by all servers; in those cases, size will be shown as "—" and status as "?". The script does not store or transmit any data about the resources it finds — all scanning and processing happens locally in your browser. Performance may vary on pages with thousands of resources; the display limit (default 100) helps keep the list responsive. You can adjust this limit up to 1000 items if needed.