0

With Chrome DevTools, by enabling "select an element in the page to inspect it", it is possible to highlight and select an element in the content window and to get information on it in the Elements panel of the Inspector.

I would like to extend the "element selected" event handler for sending to a server the page url and the xpath of the selected element. Any suggestion on a way of doing that without manipulating the page itself?

gtoffoli
  • 76
  • 4

1 Answers1

4

You can write an extension for DevTools that would listen to chrome.devtools.panels.elements.onSelectionChanged event.

The event does not supply the element directly, but you can evaluate $0 to get process the selected element with chrome.devtools.inspectedWindow.eval (for example, in a content script).

This question may be of help with concrete code.

Xan
  • 74,770
  • 16
  • 179
  • 206