有没有可能实现一个类似firebug的“inspect”元素?使用客户端JavaScript的DOM元素高亮显示

Is it possible to implement a Firebug-like "inspect element" DOM element highlighter with client-side JavaScript?

本文关键字:元素 客户端 显示 高亮 DOM JavaScript inspect 实现 一个 firebug 有可能      更新时间:2023-09-26

是否有可能在主机网页的iframe元素中显示任意网页(称为目标网页),并让使用在目标网页(在iframe中)中选择并突出显示div框并返回有关该选择的信息(例如xpath到该节点)到主机网页?

这实际上是Firebug的inspect-element特性,不过是用javascript实现的,并使用iframe来保存被检查的网页。

您应该查看firebug lite,因为这可能正是您正在寻找的

Edit:只是为了澄清,我不是在谈论使用Firebug Lite作为扩展,而是在包含的js中,正如我引用的页面底部附近提到的那样。这样的:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>