Thanh Thuc Independent Developer
Chrome Side Panel · Local-first
PageData Copy Page Data · v1.0.4

Turn a webpage into usable data.

PageData inspects the current webpage from a focused Chrome Side Panel and organizes the useful parts for you — metadata, SEO signals, content structure, links, media, technical details, and copy-ready output in multiple formats.

Explore PageData → How privacy works

Built for Chrome 114+ · No backend · No analytics · Inspected data stays in the browser.

PageData Side Panel showing a complete page inspection overview inside Chrome.
5 copy formats Key: Value · Plain · Markdown · JSON · CSV
6 focused views Overview · SEO · Content · Links · Media · Technical
6 inspection views Separate page data by purpose instead of dumping everything into one list.
5 copy formats Move the same data into notes, spreadsheets, code, docs, or AI workflows.
Multi-select + export Copy one field, selected fields, link sets, or the complete JSON snapshot.
Local-first inspection Page scanning and formatting happen locally in Chrome with no backend service.
One panel, six useful views

See the page as structured information, not just pixels.

PageData groups different kinds of page information into focused views so you can move quickly between a high-level overview and the exact details you need.

01OVERVIEW

Page essentials

Title, full URL, domain, path, language, charset, capture time, word count, link count, image count, DOM size, and quick page-level context.

SEOMETADATA

SEO & social metadata

Inspect title, description, canonical, robots, headings, Open Graph, Twitter/X card data, hreflang entries, and JSON-LD detected in the document.

TXTCONTENT

Content structure

Measure words, characters, estimated reading time, paragraphs, lists, tables, forms, inputs, buttons, main content text, and visible page text.

↗LINKS

Link extraction

Filter internal, external and other links; remove duplicate URLs; inspect anchor text, rel flags, targets, downloads, and copy selected link data.

IMGMEDIA

Images, embeds & files

Browse image URLs, dimensions and alt states alongside videos, audio, iframes and common downloadable file links found on the page.

{ }TECHNICAL

Document & resources

Review document details, navigation timing, resource-type counts, scripts, stylesheets, preload/prefetch hints and the page’s full meta-tag collection.

Built around the actual workflow

Inspect. Filter. Select. Use.

PageData is not designed to become another dashboard you have to manage. It stays beside the page, surfaces the current snapshot, and helps you move that data somewhere useful with as little friction as possible.

01

Open PageData beside the current tab.

The extension uses Chrome Side Panel, so the webpage stays visible while its structured data appears next to it. Reloads, URL changes and rapid tab switches are handled by the scan lifecycle rather than leaving stale snapshots behind.

Side PanelCurrent tabFresh snapshot
02

Go directly to the data category you need.

Use Overview for the big picture, SEO for metadata, Content for document structure, Links for URL extraction, Media for assets, or Technical for document and resource details.

OverviewSEOContentLinksMediaTechnical
03

Search, filter and narrow the snapshot.

Search within page data, switch link filters, turn unique URL mode on, and select only the fields or links relevant to the task instead of copying an oversized dump.

SearchFiltersUnique URLSelection
04

Copy in the format your next tool expects.

Choose Key: Value, plain text, Markdown, JSON or CSV. Copy a single field, multiple selected values, a filtered link set, or export the full inspection snapshot as JSON.

Key: ValuePlainMarkdownJSONCSV
Overview + SEO

Start with the page identity, then go deeper.

Overview keeps the essentials close. SEO expands the same page into metadata, headings, social signals, hreflang and structured data without sending you into source code.

TitlePage identitycopy-ready
CanonicalPreferred URLfound
RobotsIndex directivesvisible
Structured dataJSON-LDdetected
Title + descriptionCanonicalRobotsH1–H6 Open GraphTwitter/XHreflangJSON-LD
PageData SEO view with canonical, robots, heading structure, Open Graph and structured data.
SEO view with page identity, document signals and structured metadata visible together.
Content structure

Turn a long page into a readable content snapshot.

PageData measures the document around the text, not just the text itself. Use it to understand scale, structure and extractable content before moving into research, QA or rewriting.

MeasureWordsplus characters
StructureHeadingsplus page elements
EstimateRead timelightweight session insight
Document
→
Structure & counts
→
Main / visible text
PageData Content view showing word count, reading time, structural counts and extracted text.
Content view on a long-form page with measurement, structure and extractable text in one place.
Media & files

Turn the page into an asset inventory you can scan visually.

Images stay visual instead of becoming anonymous URLs. PageData pairs previews with dimensions, alt-state information and other embedded or downloadable resources found on the page.

Image previewSee the asset while inspecting its source.
DimensionsKeep width and height close to the URL.
Alt statesUseful, empty and missing alt are distinct.
Other filesVideo, audio, iframe and common downloads.
ImagesVideoAudioIframesPDF / DOC / XLSX / ZIP
PageData Media view showing image previews, dimensions, alt states and other media resources.
Media view on an image-rich page with previews, dimensions, alt-state variety and downloadable resources.
Copy it your way

One inspection. Five useful ways out.

Choose the format that fits the destination instead of cleaning the same data again after copying. Use a single field, a selected set, or export the full inspection snapshot as JSON.

Selected page dataTitle · URL · Canonical · Description
→
Key: Value
Plain
Markdown
JSON
CSV
Copy one fieldCopy selectedCopy pageExport JSON
PageData showing selected fields and multiple copy format options.
A real PageData selection with the native copy-format picker open.
Technical view

Look beneath the page without turning the workflow into DevTools.

Technical keeps the commonly useful document and resource details close: enough context for QA, research and quick inspection, without pretending to replace Chrome DevTools.

documentdoctype · viewport · charset
scriptsreferenced JavaScript resources
stylesstylesheet resource URLs
hintspreload · prefetch
metabroader page metadata collection
DOCUMENTDocument details

Doctype, viewport, language, charset and other document-level values.

RESOURCESResource counts

See high-level counts by resource type without manually scanning network entries.

SCRIPTSJavaScript files

Collect script resource URLs referenced by the current page.

STYLESStylesheets

Inspect stylesheet resources referenced by the document.

HINTSPreload & prefetch

See resource hints the page declares for loading behavior.

METAMeta tags

Review the broader meta collection beyond the common SEO fields.

PageData Technical view showing document details, resources, scripts, stylesheets and meta tags.
Technical view populated with real document and resource data.
Where PageData fits

Useful whenever the page contains information you need somewhere else.

PageData stays deliberately general-purpose. The same inspection engine can support different workflows because the output is structured, filterable and easy to copy.

01 / 06

SEO inspection

Check page titles, descriptions, canonicals, robots, headings, social metadata, hreflang and structured data without opening the source.

02 / 06

Content research

Capture page identity, content size, document outline and extractable text before moving the useful parts into notes, docs or AI workflows.

03 / 06

Link collection

Turn a page full of anchors into a filtered internal, external or unique URL dataset with anchor context and rel attributes intact.

04 / 06

Page QA

Review heading structure, image alt states, forms, resource hints and page-level counts while the original page remains visible beside the panel.

05 / 06

Asset discovery

Locate image sources, embedded media and common downloadable files without manually hunting through markup or network requests.

06 / 06

Developer inspection

Get a fast overview of document metadata, resource references and technical details before deciding whether deeper DevTools investigation is necessary.

Local-first by design

The page snapshot is processed inside your browser.

PageData needs to read the webpage you ask it to inspect, but the current build does not send that inspected data to a backend service. Scanning, grouping and copy formatting happen locally in Chrome.

PageData requests access to normal http:// and https:// pages so it can inspect the current document when the Side Panel needs data. Chrome-protected browser pages remain inaccessible to extensions and PageData shows an explanatory state instead of trying to bypass that restriction.
Read Privacy Policy →
No inspected page data sent to a serverLOCAL

The extension reads the current DOM to build the inspection snapshot, then displays and formats that information locally.

No analytics or advertising SDKNONE

The current build includes no analytics service, advertising SDK, remote script or backend integration.

Only UI preferences are stored locallyLOCAL

chrome.storage.local is used for preferences such as the selected theme and copy format.

No page inspection history is storedSESSION

The active inspection snapshot stays in the Side Panel session and is not written to chrome.storage.local. A file is created only when you explicitly choose to export the current snapshot.

Protected Chrome pages stay protectedCHROME

Pages such as chrome://... and protected Chrome Web Store surfaces cannot be scripted by extensions, and PageData respects that boundary.

Designed for normal webpages

Clear behavior when Chrome does not allow inspection.

A useful inspector should also explain where it cannot operate. PageData distinguishes normal webpages from protected browser surfaces instead of presenting a misleading empty scan.

Normal websites

PageData is designed to inspect standard HTTP and HTTPS pages. The Side Panel refreshes the snapshot as the active page changes and avoids stale results during navigation.

https://example.com/page

Protected browser pages

Chrome does not let extensions inject scripts into browser-internal pages or certain protected store surfaces. PageData detects those cases and shows a clear unavailable state.

chrome://... · Chrome Web Store
PageData

Keep the webpage open. Take the useful data with you.

PageData turns the current page into a structured, copy-ready inspection without forcing you to dig through source code for everyday metadata, links, media and document details. For support, feedback or bug reports, contact the developer directly.

Email Support Send Feedback