Method: —
Nothing streaming yet.
Run the bookmarklet on your Arena tab
then press Start Stream.
Frame Render Method
How the preview renders each new frame. Different methods have different tradeoffs.
DOM Morph (Recommended)
Diffs old and new HTML, only updates what changed. No full reload feeling.
Smooth
Full srcdoc Replace
Replaces the entire iframe content each frame. Simple but causes reload flash.
Flashy
innerHTML Patch
Writes HTML directly into iframe body without reloading the frame itself.
Medium
Shadow DOM
Renders inside a Shadow DOM container. Most isolated but styles may leak.
Experimental
Click Method
elementFromPoint
Finds element at exact pixel coordinates. Most accurate for static layouts.
Best
Percentage Coords
Uses X/Y as percentage of page. Better when zoom or scaling differs.
Good
CSS Selector
Bookmarklet sends the CSS selector of hovered element. Most precise but slower.
Precise
Stream Settings
Stream interval (ms)
How often a new frame is pushed. Lower = smoother but more Firebase writes.
Capture target
What the bookmarklet captures. Full page is most complete but larger.
Click poll rate (ms)
How often bookmarklet checks Firebase for new click events.
Session Stats
Frame Size
—
Frames
0
Last Click
—