#442 · Developer Tool

HTML Link Extractor

Extract every anchor destination from an HTML fragment and review the text, protocol, host, relationship tokens, and target in one report. Relative URLs are resolved against an optional base URL so a copied navigation block can be audited without loading the original page. Missing and non-web destinations remain visible instead of being silently discarded.

Developer Input

Link destination report
Ad space

How to use this developer tool

  1. Paste source text or load the representative sample.
  2. Adjust the available parsing option when the tool provides one.
  3. Select Extract Links or press Ctrl/Cmd + Enter.
  4. Review the summary, issues, and copy-ready output before using it.

What this developer tool does

DOMParser locates anchor elements, preserves their source order, and resolves href values with the URL constructor when possible. Fragment, mailto, tel, JavaScript, absolute, and relative destinations are classified separately.

DOMParser locates anchor elements, preserves their source order, and resolves href values with the URL constructor when possible. Fragment, mailto, tel, JavaScript, absolute, and relative destinations are classified separately.

The extractor reads pasted markup only. It does not crawl linked pages or verify that a remote destination returns a successful response.

Example

Input

<nav>
  <a href="/docs">Documentation</a>
  <a href="https://example.com/pricing?plan=pro#faq" rel="nofollow">Pricing</a>
  <a href="mailto:help@example.com">Email support</a>
  <a>Missing destination</a>
</nav>

Expected result

Run the sample to see a structured report generated by the same processing logic used for pasted input.

Use cases

  • Review front-end source during a code migration.
  • Create a structured handoff for documentation or QA.
  • Catch input-specific issues before committing generated output.

Tips for reliable output

  • Paste the smallest complete fragment that reproduces the case.
  • Use the sample once to confirm the expected input shape.
  • Review warnings instead of treating a clean report as a guarantee.
  • Keep the original source in version control before replacing it.
  • Test generated output in the target browser or application.

Processing details

DOMParser locates anchor elements, preserves their source order, and resolves href values with the URL constructor when possible. Fragment, mailto, tel, JavaScript, absolute, and relative destinations are classified separately.

The extractor reads pasted markup only. It does not crawl linked pages or verify that a remote destination returns a successful response.

Frequently asked questions

How are relative href values resolved?

They are resolved with the URL API against the base URL entered above the HTML input.

Does the link extractor check HTTP status codes?

No. It analyzes pasted markup locally and does not request remote destinations.

Are mailto, tel, and fragment links included?

Yes. They are included and classified separately from internal and external web URLs.

Why is a JavaScript link classified separately?

javascript: destinations execute code instead of navigating to a normal URL and deserve manual security review.

Can I export the extracted links to a spreadsheet?

Yes. The main output is CSV, and the report can also be downloaded as CSV or JSON.

Output fields

FieldMeaning
SummaryCount and outcome of the current run
InterpretationWarnings and practical review guidance
ExportsCopy-ready output plus CSV or JSON when available

Explore HTML, CSS & JavaScript Tools

Browse related browser-based utilities for inspecting and transforming front-end source.

View category hub