Here is a quick JavaScript snippet to extract all URLs from a webpage fast with Google Chrome Developer Tools. No Browser Extension is required!
The JavaScript code generates a list of URLs in CSV format with the anchor texts, and a boolean to know if the URL is internal or external to the current website. Just copy-paste the results into Google Sheets or with the Datablist <a href="/csv-editor">CSV editor</a>.
<blockquote>
Notes: The code works also with Firefox, Safari, etc.
</blockquote>
<h2 id="user-content-step-1-run-javascript-code-in-google-chrome-developer-tools"><a href="#step-1-run-javascript-code-in-google-chrome-developer-tools" aria-hidden="true" tabindex="-1"></a>Step 1: Run JavaScript code in Google Chrome Developer Tools</h2>
<ul>
<li>Open Google Chrome Developer Tools with <code>Cmd + Opt + i</code> (Mac) or <code>F12</code> (Windows). And click on the <code>Console</code> tab.</li>
<li>Copy-Paste the following JavaScript code and press <code>Enter</code>.</li>
</ul>
<pre><code>const results = [
 ['Url', 'Anchor Text', 'External']
];
var urls = document.getElementsByTagName('a');
for (urlIndex in urls) {
 const url = urls[urlIndex]
 const externalLink = url.host !== window.location.host
 if(url.href &#x26;&#x26; url.href.indexOf('://')!==-1) results.push([url.href, url.text, externalLink]) // url.rel
}
const csvContent = results.map((line)=>{
 return line.map((cell)=>{
 if(typeof(cell)==='boolean') return cell ? 'TRUE': 'FALSE'
 if(!cell) return ''
 let value = cell.replace(/[\f\n\v]*\n\s*/g, "\n").replace(/[\t\f ]+/g, ' ');
 value = value.replace(/\t/g, ' ').trim();
 return `"${value}"`
 }).join('\t')
}).join("\n");
console.log(csvContent)
</code></pre>
<img src="/learn_images/scraping/extract-urls-webpage/copy-js-code.png#1938x694" alt="Open Google Developer Tools">
<h2 id="user-content-step-2-copy-paste-exported-urls-into-a-csv-file-or-spreadsheet-tools"><a href="#step-2-copy-paste-exported-urls-into-a-csv-file-or-spreadsheet-tools" aria-hidden="true" tabindex="-1"></a>Step 2: Copy-paste exported URLs into a CSV file or spreadsheet tools</h2>
The JavaScript code will extract all URLs from the webpage with the following values:
<ul>
<li>URL - The link URL</li>
<li>Anchor Text - The label associated with the link. Called "Anchor Text".</li>
<li>External - A boolean (<code>TRUE</code>, <code>FALSE</code>)</li>
</ul>
The result is printed on the console using <a href="/learn/csv/csv-meaning">CSV format</a>. You can copy-paste the result into spreadsheet tools or with our <a href="/csv-editor">online CSV editor</a>. Or create a new text file with your text editor and save the file with a <code>.csv</code> extension.
Google automatically adds a <code>Copy</code> button when you get a lot of results.
<img src="/learn_images/scraping/extract-urls-webpage/copy-results.png#1790x664" alt="Open Google Results">
<h2 id="user-content-step-3-filter-csv-data-to-get-relevant-links"><a href="#step-3-filter-csv-data-to-get-relevant-links" aria-hidden="true" tabindex="-1"></a>Step 3: Filter CSV data to get relevant links</h2>
To filter quickly your links, open Datablist <a href="/csv-editor">CSV editor</a>. Create a collection and paste your CSV data. Check the <a href="#example-with-google-results">Google</a> and <a href="#example-with-amazon-results">Amazon</a> examples below for a more step-by-step guide.
<img src="/learn_images/scraping/extract-urls-webpage/create-collection.png#1064x668" alt="Create new collection">
Select 'First row contains header' and click on the "+" button for each column to import them.
<img src="/learn_images/scraping/extract-urls-webpage/paste-results.png#2537x1346" alt="Paste results">
Then you will be able to use text search or filter on a specific property.
You can use Datablist to <a href="/features/combine-csv-files">consolidate all your CSV data</a>. And Datablist comes with an algorithm for <a href="/features/duplicates-remover">deduplication</a> to have a clean list or URLs.
<h2 id="user-content-example-with-google-results"><a href="#example-with-google-results" aria-hidden="true" tabindex="-1"></a>Example with Google Results</h2>
This is a step-by-step example with the Google results page. We want to extract all external links from a Google search result.
<h3 id="user-content-step-1-search-for-a-google-term-that-you-want-to-extract-links"><a href="#step-1-search-for-a-google-term-that-you-want-to-extract-links" aria-hidden="true" tabindex="-1"></a>Step 1: Search for a Google term that you want to extract links.</h3>
A nice tip is to add the <code>&#x26;num=100</code> parameter to the URL to force Google into showing 100 results per page.
<img src="/learn_images/scraping/extract-urls-webpage/google/google-num-param.png#1696x458" alt="Force 100 results">
<img src="/learn_images/scraping/extract-urls-webpage/google/step-1-google-results.png#1934x1300" alt="Open Google Results">
<h3 id="user-content-step-2-copy-paste-the-code-and-run-it"><a href="#step-2-copy-paste-the-code-and-run-it" aria-hidden="true" tabindex="-1"></a>Step 2: Copy-paste the code and run it</h3>
Open the <code>console</code> in Google Developer Tools, paste the JavaScript code and press <code>Enter</code>.
<img src="/learn_images/scraping/extract-urls-webpage/google/step2-copy-paste-code.png#2532x1235" alt="Copy-paste code">
Copy the results. Select the line and <code>ctrl + c</code> or use the <code>Copy</code> button when Chrome shows it.
<img src="/learn_images/scraping/extract-urls-webpage/google/step3-run-code.png#2532x1344" alt="Run JavaScript code">
<h3 id="user-content-step-3-filter-results"><a href="#step-3-filter-results" aria-hidden="true" tabindex="-1"></a>Step 3: Filter results</h3>
Open Datablist <a href="/csv-editor">CSV editor</a>, create a collection, and paste the copied URLs.
<blockquote>
Note: Don't forget to select the option <code>First row contains headers</code> and to click the "+" button as shown.
</blockquote>
<img src="/learn_images/scraping/extract-urls-webpage/google/step4-create-collection-datablist.png#2537x1346" alt="Copy-Paste results in Datablist">
Once imported. Click "Filter on property" in the "External" column.
<img src="/learn_images/scraping/extract-urls-webpage/google/step5-filter-1.png#2760x1750" alt="Create Filters">
And filter items with <code>External</code> to <code>TRUE</code> and <code>Url</code> that does not contain <code>google</code>. Check our guide on <a href="/how-to/clean-web-scraping-data-online">how to clean your scraped data</a>
<img src="/learn_images/scraping/extract-urls-webpage/google/step5-filter-2.png#2533x1355" alt="Filter URLs outside Google">
And here are your external links:
<img src="/learn_images/scraping/extract-urls-webpage/google/step6-results.png#2371x1432" alt="Google Links results">
<h2 id="user-content-example-with-amazon-results"><a href="#example-with-amazon-results" aria-hidden="true" tabindex="-1"></a>Example with Amazon Results</h2>
This is a step-by-step example with the Amazon products page. We want to extract all links from this page.
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-speakers-results.png#1926x1588" alt="Amazon products listing">
Open the Chrome Developer Tools:
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-open-developer-tools.png#1930x1650" alt="Open Chrome Developer Tools">
Copy-paste the JavaScript code:
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-copy-paste-code.png#2162x1830" alt="Copy-Paste code">
And run it by pressing <code>Enter</code>:
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-run-code.png#2162x1830" alt="Run code">
With Datablist <a href="/csv-editor">CSV editor</a>, create a collection.
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-create-collection.png#2185x1098" alt="Create collection">
Paste your scrapped URLs:
<img src="/learn_images/scraping/extract-urls-webpage/amazon/import-from-pasting.png#2195x1202" alt="Paste scrapped URLs">
Your scrapped URLs are listed on the tool. Filter the links, <a href="/features/duplicates-remover">deduplicate the results</a>, and <a href="/how-to/clean-web-scraping-data-online">clean your scraped data</a>.
<img src="/learn_images/scraping/extract-urls-webpage/amazon/amazon-results.png#2643x1366" alt="Scrapped Amazon URLs">


Here is a quick JavaScript snippet to extract all URLs from a webpage fast with Google Chrome Developer Tools. No Browser Extension is required!

**The JavaScript code generates a list of URLs in CSV format with the anchor texts, and a boolean to know if the URL is internal or external to the current website. Just copy-paste the results into Google Sheets or with the Datablist [CSV editor](/csv-editor).**

> **Notes**: The code works also with Firefox, Safari, etc.

## Step 1: Run JavaScript code in Google Chrome Developer Tools

- Open Google Chrome Developer Tools with `Cmd + Opt + i` (Mac) or `F12` (Windows). And click on the `Console` tab.
- Copy-Paste the following JavaScript code and press `Enter`.

```
const results = [
    ['Url', 'Anchor Text', 'External']
];
var urls = document.getElementsByTagName('a');
for (urlIndex in urls) {
    const url = urls[urlIndex]
    const externalLink = url.host !== window.location.host
    if(url.href && url.href.indexOf('://')!==-1) results.push([url.href, url.text, externalLink]) // url.rel
}
const csvContent = results.map((line)=>{
    return line.map((cell)=>{
        if(typeof(cell)==='boolean') return cell ? 'TRUE': 'FALSE'
        if(!cell) return ''
        let value = cell.replace(/[\f\n\v]*\n\s*/g, "\n").replace(/[\t\f ]+/g, ' ');
        value = value.replace(/\t/g, ' ').trim();
        return `"${value}"`
    }).join('\t')
}).join("\n");
console.log(csvContent)
```

![Open Google Developer Tools](/learn_images/scraping/extract-urls-webpage/copy-js-code.png#1938x694)


## Step 2: Copy-paste exported URLs into a CSV file or spreadsheet tools

The JavaScript code will extract all URLs from the webpage with the following values:

- **URL** - The link URL
- **Anchor Text** - The label associated with the link. Called "Anchor Text".
- **External** - A boolean (`TRUE`, `FALSE`)

The result is printed on the console using [CSV format](/learn/csv/csv-meaning). You can copy-paste the result into spreadsheet tools or with our [online CSV editor](/csv-editor). Or create a new text file with your text editor and save the file with a `.csv` extension.

Google automatically adds a `Copy` button when you get a lot of results.

![Open Google Results](/learn_images/scraping/extract-urls-webpage/copy-results.png#1790x664)


## Step 3: Filter CSV data to get relevant links

To filter quickly your links, open Datablist [CSV editor](/csv-editor). Create a collection and paste your CSV data. Check the [Google](#example-with-google-results) and [Amazon](#example-with-amazon-results) examples below for a more step-by-step guide.

![Create new collection](/learn_images/scraping/extract-urls-webpage/create-collection.png#1064x668)

Select 'First row contains header' and click on the "+" button for each column to import them.

![Paste results](/learn_images/scraping/extract-urls-webpage/paste-results.png#2537x1346)

Then you will be able to use text search or filter on a specific property.
You can use Datablist to [consolidate all your CSV data](/features/combine-csv-files). And Datablist comes with an algorithm for [deduplication](/features/duplicates-remover) to have a clean list or URLs.


## Example with Google Results

This is a step-by-step example with the Google results page. We want to extract all external links from a Google search result.

### Step 1: Search for a Google term that you want to extract links.

**A nice tip is to add the `&num=100` parameter to the URL to force Google into showing 100 results per page.**

![Force 100 results](/learn_images/scraping/extract-urls-webpage/google/google-num-param.png#1696x458)

![Open Google Results](/learn_images/scraping/extract-urls-webpage/google/step-1-google-results.png#1934x1300)


### Step 2: Copy-paste the code and run it

Open the `console` in Google Developer Tools, paste the JavaScript code and press `Enter`.

![Copy-paste code](/learn_images/scraping/extract-urls-webpage/google/step2-copy-paste-code.png#2532x1235)

Copy the results. Select the line and `ctrl + c` or use the `Copy` button when Chrome shows it.

![Run JavaScript code](/learn_images/scraping/extract-urls-webpage/google/step3-run-code.png#2532x1344)

### Step 3: Filter results

Open Datablist [CSV editor](/csv-editor), create a collection, and paste the copied URLs.

> **Note**: Don't forget to select the option `First row contains headers` and to click the "+" button as shown.

![Copy-Paste results in Datablist](/learn_images/scraping/extract-urls-webpage/google/step4-create-collection-datablist.png#2537x1346)

Once imported. Click "Filter on property" in the "External" column.

![Create Filters](/learn_images/scraping/extract-urls-webpage/google/step5-filter-1.png#2760x1750)


And filter items with `External` to `TRUE` and `Url` that does not contain `google`. Check our guide on [how to clean your scraped data](/how-to/clean-web-scraping-data-online)

![Filter URLs outside Google](/learn_images/scraping/extract-urls-webpage/google/step5-filter-2.png#2533x1355)

And here are your external links:

![Google Links results](/learn_images/scraping/extract-urls-webpage/google/step6-results.png#2371x1432)

## Example with Amazon Results

This is a step-by-step example with the Amazon products page. We want to extract all links from this page.

![Amazon products listing](/learn_images/scraping/extract-urls-webpage/amazon/amazon-speakers-results.png#1926x1588)

Open the Chrome Developer Tools:

![Open Chrome Developer Tools](/learn_images/scraping/extract-urls-webpage/amazon/amazon-open-developer-tools.png#1930x1650)

Copy-paste the JavaScript code:

![Copy-Paste code](/learn_images/scraping/extract-urls-webpage/amazon/amazon-copy-paste-code.png#2162x1830)

And run it by pressing `Enter`:

![Run code](/learn_images/scraping/extract-urls-webpage/amazon/amazon-run-code.png#2162x1830)

With Datablist [CSV editor](/csv-editor), create a collection.

![Create collection](/learn_images/scraping/extract-urls-webpage/amazon/amazon-create-collection.png#2185x1098)

Paste your scrapped URLs:

![Paste scrapped URLs](/learn_images/scraping/extract-urls-webpage/amazon/import-from-pasting.png#2195x1202)

Your scrapped URLs are listed on the tool. Filter the links, [deduplicate the results](/features/duplicates-remover), and [clean your scraped data](/how-to/clean-web-scraping-data-online).

![Scrapped Amazon URLs](/learn_images/scraping/extract-urls-webpage/amazon/amazon-results.png#2643x1366)








Here is a quick JavaScript snippet to extract all URLs from a webpage fast with Google Chrome Developer Tools. No Browser Extension is required!
The JavaScript code generates a list of URLs in CSV format with the anchor texts, and a boolean to know if the URL is internal or external to the current website. Just copy-paste the results into Google Sheets or with the Datablist CSV editor.
Notes: The code works also with Firefox, Safari, etc.

Step 1: Run JavaScript code in Google Chrome Developer Tools
Open Google Chrome Developer Tools with Cmd + Opt + i (Mac) or F12 (Windows). And click on the Console tab.
Copy-Paste the following JavaScript code and press Enter.

const results = [
    [&#39Url&#39, &#39Anchor Text&#39, &#39External&#39]
];
var urls = document.getElementsByTagName(&#39a&#39);
for (urlIndex in urls) {
    const url = urls[urlIndex]
    const externalLink = url.host !== window.location.host
    if(url.href &amp&amp url.href.indexOf(&#39://&#39)!==-1) results.push([url.href, url.text, externalLink]) // url.rel
}
const csvContent = results.map((line)=&gt{
    return line.map((cell)=&gt{
        if(typeof(cell)===&#39boolean&#39) return cell ? &#39TRUE&#39: &#39FALSE&#39
        if(!cell) return &#39&#39
        let value = cell.replace(/[\f\n\v]*\n\s*/g, &quot\n&quot).replace(/[\t\f ]+/g, &#39 &#39);
        value = value.replace(/\t/g, &#39 &#39).trim();
        return `&quot${value}&quot`
    }).join(&#39\t&#39)
}).join(&quot\n&quot);
console.log(csvContent)
Open Google Developer Tools
Step 2: Copy-paste exported URLs into a CSV file or spreadsheet tools
The JavaScript code will extract all URLs from the webpage with the following values:
URL - The link URL
Anchor Text - The label associated with the link. Called &ampquot;Anchor Text&ampquot;.
External - A boolean (TRUE, FALSE)

The result is printed on the console using CSV format. You can copy-paste the result into spreadsheet tools or with our online CSV editor. Or create a new text file with your text editor and save the file with a .csv extension.
Google automatically adds a Copy button when you get a lot of results.
Open Google Results
Step 3: Filter CSV data to get relevant links
To filter quickly your links, open Datablist CSV editor. Create a collection and paste your CSV data. Check the Google and Amazon examples below for a more step-by-step guide.
Create new collection
Select &amp#39;First row contains header&amp#39; and click on the &ampquot;+&ampquot; button for each column to import them.
Paste results
Then you will be able to use text search or filter on a specific property.
You can use Datablist to consolidate all your CSV data. And Datablist comes with an algorithm for deduplication to have a clean list or URLs.
Example with Google Results
This is a step-by-step example with the Google results page. We want to extract all external links from a Google search result.
Step 1: Search for a Google term that you want to extract links.
A nice tip is to add the &ampamp;num=100 parameter to the URL to force Google into showing 100 results per page.
Force 100 results
Open Google Results
Step 2: Copy-paste the code and run it
Open the console in Google Developer Tools, paste the JavaScript code and press Enter.
Copy-paste code
Copy the results. Select the line and ctrl + c or use the Copy button when Chrome shows it.
Run JavaScript code
Step 3: Filter results
Open Datablist CSV editor, create a collection, and paste the copied URLs.
Note: Don&amp#39;t forget to select the option First row contains headers and to click the &ampquot;+&ampquot; button as shown.

Copy-Paste results in Datablist
Once imported. Click &ampquot;Filter on property&ampquot; in the &ampquot;External&ampquot; column.
Create Filters
And filter items with External to TRUE and Url that does not contain google. Check our guide on how to clean your scraped data
Filter URLs outside Google
And here are your external links:
Google Links results
Example with Amazon Results
This is a step-by-step example with the Amazon products page. We want to extract all links from this page.
Amazon products listing
Open the Chrome Developer Tools:
Open Chrome Developer Tools
Copy-paste the JavaScript code:
Copy-Paste code
And run it by pressing Enter:
Run code
With Datablist CSV editor, create a collection.
Create collection
Paste your scrapped URLs:
Paste scrapped URLs
Your scrapped URLs are listed on the tool. Filter the links, deduplicate the results, and clean your scraped data.
Scrapped Amazon URLs


Scraping

How to extract all URLs from a webpage?