从 Chrome 开发者工具中复制 HTML 元素 object

Question

I am trying to copy the HTML element object from Chrome developer tools. When I hover my mouse over the HTML element, then it shows me the element as an object.

When I inspect it in the console then it shows me the element rendered as HTML.

If I then do a copy(this.input) then it copies the rendered HTML (not the actual object)

How do I get the object ?

Answer 1

From the documentation , copy specifically copies a string representation:

copy(object) copies a string representation of the specified object to the clipboard.

(my emphasis)

Copying the actual object would require that your clipboard contain data from the DOM memory of the browser. Typically that's not possible. Clipboards can contain various standard formats (text, obviously; rich text sometimes; the locations of files; image data in various formats; etc.), but I don't believe it's possible to copy the actual object data from the DOM into your clipboard. (If it is possible, which I doubt, I don't see anything in the Command Line API that does it.) The standard representation for a DOM element is, of course, HTML, so it makes sense for Chrome to copy that to the clipboard, even though of course converting to HTML is lossy.

Answer 2

There is a workaround: https://developer.chrome.com/docs/devtools/dom/#current , try use $0