URL Scraper Prototype
Theme
Dark
Light
PHP + JS + Bootstrap 5 + Font Awesome
Target
API status unknown
URL
Preview Only
Retrieve DJI (MSN)
Open DJI JSON Endpoint
If API is unavailable, Preview Only still works (without extraction/hover mapping).
Ready.
Rules
Results
Manual Run
Debug
Preferences
Capture Rules
Field Name
Selector Type
id
class
css
xpath
signal
Extract
text
html
attribute
Selector
Attribute (if extract=attribute)
Multiple
Add Rule
Cancel Edit
Run Rules
Field Name is the output key. Run Rules sends every rule to the backend; the returned values appear in the Results tab.
Name
Type
Selector
Actions
Extracted Data
Per-Rule Results
Run a scrape to see returned field values here.
Request Payload
No request sent yet.
Raw JSON
Manual Query Runner
Mode
JS
CSS
XPath
Run Manual Query
Query / Script
return document.querySelector('.priceChangeToday')?.textContent?.trim() || ''
CSS/XPath manual queries run through the backend scraper API. JS mode runs locally against the latest backend HTML snapshot.
Manual Query Result
Run a manual query to inspect the preview document.
Debug Console
Debug mode logs payloads, resolved queries, API attempts, hover updates, and manual query runs.
Clear Debug Log
Debug mode is off.
Preferences
Theme
Dark
Light
Debug mode
Open the Debug tab to view the live debug console.
Page Layout Preview
Hover an element in preview
Hovered Element HTML
No hovered element yet.