Skip to content

Create a client side-script for element inspection #498

@kraleppa

Description

@kraleppa

The goal here is to create a client JS script that will be run in the debugged application browser. It should give user an option to somehow choose HTML element in the debugged application and send event to LiveDebugger via websocket. Handling the event on the LiveDebugger side is not in the scope of this task

Script should send message with information about which LiveView is responsible for rendering it (so we could find PID of the rendered LiveView and propagate inspect event to correct windows in LiveDebugger) and some kind of indentifier of HTML element (it does not have to be html id) that will allow LiveDebugger to determine which LiveView/LiveComponent is responsible for rendering this element

So probably we want to send a pair {:socket_id, html_id}

Also, it needs to be considered how this feature should work with LiveDebugger extension. Perhaps inspecting element should open extension window with LiveDebugger

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions