gpt4 book ai didi

google-chrome-extension - 如何自定义右键单击 chrome devtools 元素面板

转载 作者:行者123 更新时间:2023-12-04 17:58:40 24 4
gpt4 key购买 nike

devtools elements panel right click

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

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

https://developer.chrome.com/extensions/devtools_panels#type-ElementsPanel
API 仅支持选择更改。

最佳答案

不幸的是,Extending DevTools API不会从内部 DevTools 源代码公开上下文菜单。有时 API 文档会省略一些可用的函数/属性,所以我确认了这一点:

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

它返回 onSelectionChanged,createSidebarPane仅与文档匹配。

DevTools 源代码中的 WebInspector 对象有一个 populateNodeContextMenu功能在 WebInspector.ElementsTreeElement.prototype ,但这不能通过扩展 DevTools API 访问。它是完全分开的。

enter image description here

关于google-chrome-extension - 如何自定义右键单击 chrome devtools 元素面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38016754/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com