var urls = document.querySelectorAll('a') Ĭonsole.log("#"+url+" > "+urls.innerHTML +" > "+urls.href)
#JAVASCRIPT URL EXTRACTOR CODE#
The following is a cross-browser supported code for extracting URLs along with their anchor text. Copy the code, paste it into the console and hit enter. The JavaScript snippets to extract links are given below. I can’t stress enough how useful that is! To open the console on Chrome, press Cmd + Shift + i on Mac and Ctrl + Shift + i on Windows. You can write JavaScript code and inject it into the current page to do all sorts of fancy things.
The browser console is an excellent tool to test and debug things. Two other techniques to extract links from page are also shared here for people who don’t want to get their hands dirty with code 😄. If you are impressed with this, do learn some JavaScript as it comes very handy. This article serves as a short demonstration of how you can use browser developer consoles to scrape data from the web page. What do you do when you want to export all or specific links from a webpage? Copying them one after another is monotonous and useless especially when you can automate it with a line of JavaScript code. Extracting URLs using Dev Tools console.
0 kommentar(er)
