06 / Turning a page into structured fields

Find the useful fields.

Paste a page's HTML to extract its title, cover image URL and iframe URLs. Inspect the result as JSON.

This new demonstration runs locally in your browser. It does not fetch the URL, run page scripts or reproduce a deployed Python/Playwright API. My original work involved Python, Chromium setup and a local extraction API; a successful full deployment is unconfirmed.

Page input

This address is used only to resolve relative paths. No request is sent.

Structured output

Your extracted fields will appear here.

Nothing from the input is rendered as a webpage. Script content is not executed, and the resulting URLs are shown as text.

What is extracted?

  • Title: the title element, then og:title if absent.
  • Cover: og:image, then twitter:image, then the first image.
  • Frames: unique iframe src values.
  • Only HTTP and HTTPS URLs without embedded credentials are returned. Relative paths use the base URL above.

Why the original used Playwright

A dynamically rendered page may not contain its final content in its initial HTML. My Python work explored using a browser to read those pages, with debugging around Python PATH, installing Chromium, browser download failures and checking whether the local API was running.

Read the original implementation record →