Javascript 如何在Place editor中扩展/获取对规则视图的引用？

我想扩展Firefox检查器的规则编辑器。我确实找到了由引用的

editableField

。在哪个XUL窗口中可以获取对这些对象的引用并扩展它们

---

考虑到Firebug颜色选择器和其他类似插件的流行性，我希望这是可能的，我想知道是否有相关指南？

如果我想扩展inplace编辑器的功能（如添加颜色选择器下拉菜单），我会覆盖_createInput方法：

大致如下：

let {InplaceEditor} = require(inplace-editor);
InplaceEditor.prototype._createInputOld = InplaceEditor.prototype._createInputOld;
InplaceEditor.prototype._createInput = function() {
  this._createInputOld();
  // My custom code....
}

---

如果我想扩展inplace编辑器的功能（比如添加颜色选择器下拉菜单），我会覆盖_createInput方法：

大致如下：

let {InplaceEditor} = require(inplace-editor);
InplaceEditor.prototype._createInputOld = InplaceEditor.prototype._createInputOld;
InplaceEditor.prototype._createInput = function() {
  this._createInputOld();
  // My custom code....
}

---

规则视图现在有了一个颜色选择器编辑器，更多的特定编辑器也将出现（立方贝塞尔计时函数、渐变等）

如果您希望进一步扩展规则视图的功能，我认为扩展inplace编辑器不再是正确的方法

您可能对以下文件感兴趣：

• browser/devtools/styleinspector/style-inspector-overlays.js，用于管理特定于规则视图的所有类型的工具提示和高亮显示。例如，它是创建和制作颜色选择器工具提示的地方，以便在用户单击小色样时显示
• toolkit/devtools/output-parser.js，负责解析规则视图中出现的css值，并向其中添加色样

---

不幸的是，到目前为止，还没有扩展规则视图（或该问题的总检查员）的指南。

规则视图现在有一个颜色选择器编辑器，而且更具体的编辑器也将出现（立方贝塞尔计时函数、渐变等）

如果您希望进一步扩展规则视图的功能，我认为扩展inplace编辑器不再是正确的方法

您可能对以下文件感兴趣：

• browser/devtools/styleinspector/style-inspector-overlays.js，用于管理特定于规则视图的所有类型的工具提示和高亮显示。例如，它是创建和制作颜色选择器工具提示的地方，以便在用户单击小色样时显示
• toolkit/devtools/output-parser.js，负责解析规则视图中出现的css值，并向其中添加色样

---

不幸的是，到目前为止，还没有扩展规则视图的指南（或关于此问题的一般检查员）。

开发者API部分中有一些关于检查员的文档，可能有点过时。不久前，我为旧版Firefox制作了一个新版本，但它与最新版本冲突，因此被删除。换句话说，这似乎是一个移动的目标，希望很快就能有更好的文档。在开发者API部分有一些关于inspector的文档，可能有点过时了。不久前，我为旧版Firefox制作了一个新版本，但它与最新版本冲突，因此被删除。换句话说，它似乎是一个移动的目标，希望能够很快稳定下来，以获得更好的文档。