Page Dependencies Bookmarklet Javascript

For a currently loaded page, show the script and style references as full path as a table overlaid above the page.

Features include the ability to launch any of the .js or .css hrefs in a separate window as plain text, or copy the script or link tag element to clipboard.

For site inspection, debugging, hacking. Can be useful in dev tools console or saved as a bookmarklet.

Also has a feature to export the findings to text file.

Codepen See it work & Download

Bookmarklet Minified source

Full Source See how it works

Some updates are overdo on this particular script. A critical change on focus and scrolling got held up by a non critical change in a machine crash and I’ve yet to revisit and apply since. Soon though!