javascript - 根据偏好绘制用户界面

Question

我想为我的 xulrunner (Firefox) 应用程序使用内置的首选项系统。但我不知道如何根据偏好轻松驱动用户界面。

用户可以指定主页列表，每个主页将显示在不同的选项卡中。因为选项卡位于表示层中，所以我想使用 xul 代码中的模板来创建它们。这可能吗？

我还没有看到使用 xul 模板执行此操作的方法。是否有替代模板系统允许我根据用户偏好更改 UI？

Answer 1

不，XUL 中的模板功能不够强大，因此您只能编写 JavaScript 代码来读取首选项并打开所需的选项卡。

Answer 2

XML.prototype.function::domNode = function domNode() {
    function addPrefix(prefix, name) {
        if (typeof(prefix) == "undefined" || prefix == null || prefix == "") {
            return name;
        } else {
            return prefix + ":" + name;
        }
    }

    function recurse(xml) {
        var domNode = document.createElementNS(xml.namespace().uri, addPrefix(xml.namespace().prefix, xml.localName()));

        for each (let attr in xml.@*::*) {
            let attrNode = document.createAttributeNS(attr.namespace().uri, addPrefix(attr.namespace().prefix, attr.localName()));
            attrNode.nodeValue = attr;
            domNode.setAttributeNode(attrNode);
        }
        if (xml.hasComplexContent()) {
            for each (let node in xml.*) {
                domNode.appendChild(recurse(node));
            }
        } else if (xml.hasSimpleContent()) {
            domNode.appendChild(document.createTextNode(xml));
        }
        return domNode;
    }

    return recurse(this);
};

var name = "example"
var xml = {name};

document.querySelector("#example-statusbar-panel").appendChild(xml.domNode());

作为一种魅力，尽管命名空间存在一些小故障。

您总是可以使用以下命令将 dom 转换回 XML

var str = serializer.serializeToString( xml.domNode() );