1. Target page: embedded sample catalog, rendered in a sandboxed iframe
intact
6 hard-coded sample products marked up with .product-card
The sample page above is generated in this file from an embedded array of 6 sample products (embedded sample data, not a real store). It runs inside an iframe with sandbox="allow-same-origin" and no script permission. Break the page performs real DOM mutations on that document: it renames classes, swaps tags, wraps the rows in a new container, inserts a promo row and moves one row.
2. Your selectors and the extracted field table
Edit the JSON below. row selects each repeating record; fields maps a field name to a CSS selector evaluated inside each row. Invalid JSON or invalid CSS is reported, never swallowed.
3. Healer: candidate elements scored by structural similarity
Click Heal selectors to score every element in the target page against the fingerprint captured from the last successful extraction.