如何自定义Chrome DevTools元素面板上的右键单击功能

Question

4

请查看上面的图片。右键单击任何节点都会显示选项菜单，例如“添加属性”和“编辑属性”等...

我想要扩展右键单击菜单以添加我的自定义事件。例如，我需要获取节点的xpath。我知道我可以在实际页面上扩展右键单击而不是在页面源上扩展右键单击。

- surya

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gideon Pyzer · Accepted Answer

很不幸，扩展开发者工具API没有暴露内部DevTools源代码的上下文菜单。有时候API文档会省略一些可用的函数/属性，所以我通过以下方式进行了确认：

alert(Object.getOwnPropertyNames(chrome.devtools.panels.elements));

它仅返回了与文档匹配的“onSelectionChanged,createSidebarPane”。

在DevTools源代码中，WebInspector对象在“WebInspector.ElementsTreeElement.prototype”上有一个“populateNodeContextMenu”函数，但无法通过扩展DevTools API访问它。它是完全独立的。