Quickly extract all links from a web page using the browser console

extract_links_web.js

var x = document.querySelectorAll("a");
var myarray = []
for (var i = 0; i < x.length; i++) {
    var nametext = x[i].textContent;
    var cleantext = nametext.replace(/\s+/g, ' ').trim();
    var cleanlink = x[i].href;
    myarray.push([cleantext, cleanlink]);
};
function make_table() {
    var table = '<table><thead><th>Name</th><th>Links</th></thead><tbody>';
    for (var i = 0; i < myarray.length; i++) {
        table += '<tr><td>' + myarray[i][0] + '</td><td>' + myarray[i][1] + '</td></tr>';
    };

    var w = window.open("");
    w.document.write(table);
}
make_table()

Now we just need to open up the developer console and run the code. To open the developer console, you can either hit F12 or right-click the page and select “Inspect” or ”Inspect Element” depending on your browser of choice. This will open up the console, into which you can type or copy and paste snippets of code.