Chrome检查器/ Firebug放大镜UI如何工作

时间:2013-01-05 02:20:21

标签: google-chrome firebug

我正在构建Chrome扩展程序,允许用户通过点击选择任何DOM元素,例如Chrome检查器或Firebug。为此,我想我需要禁用所有点击事件或在文档上放置透明垫。我不知道哪条路更好,因为......

  • 禁用(备份)/恢复点击事件似乎相当复杂。

  • 在文档上使用透明垫:那么用户如何通过点击垫子来选择元素?

1 个答案:

答案 0 :(得分:1)

与此相关的Firebug代码可在此处找到:

https://github.com/firebug/firebug/blob/master/extension/content/firebug/html/inspector.js

不备份和恢复鼠标事件。在Firebug处理后,该事件只是cancelled

它确实用一个元素覆盖了HTML。要获取其下的元素,Inspector使用originalTarget。此外,它将CSS属性pointer-events设置为none

塞巴斯蒂安