Question

我想写一下 Java的文字,即,在保护视觉形象(但不一定是变态或其他动态行为)的同时,“flattens”一词是任意的网页。

在理论上,我认为,这只是一个记录每个与窗户有关的内容的问题(例如:x. findPos(element)>),以及它所篡改的CSS风格(e.x.

function walkDOM(element, parent, nodes) {
    parent = parent || { top : 0, left : 0, depth : 0 };
    nodes = nodes || [];

    if (element.nodeType === 1) {
        var node = findPos(element);
        node.element = element;
        node.width = element.scrollWidth;
        node.height = element.scrollHeight;
        node.depth = parent.depth + 1;
        node.cssText = window.getComputedStyle(element).cssText;
        nodes.push(node);

        for (var i = 0; i < element.childNodes.length; i++) {
            walkDOM(element.childNodes[i], node, nodes);
        }
    }
    return nodes;
}

// based on http://www.quirksmode.org/js/findpos.html
function findPos(element) {
    var position = { left : 0, top : 0 };
    if (element.offsetParent) {
        do {
            position.left += element.offsetLeft;
            position.top += element.offsetTop;
        } while (element = element.offsetParent);
    }
    return position;
}

var nodes = walkDOM(document.body);

nodes.forEach(function(node) {
    var e = node.element;

    if (e !== document.body)
        e.parentNode.removeChild(e);

    // e.setAttribute("style", node.cssText);
    e.style.position = "absolute";
    e.style.top = node.top + "px";
    e.style.left = node.left + "px";
    e.style.width = node.width + "px";
    e.style.height = node.height + "px";
    e.style.zIndex = node.depth + 1;

    if (e !== document.body)
        document.body.appendChild(e);
});

Answer 1

我正在尝试类似的东西,但Imflattting 仅限级点,因为这样做就会杀死布局(在<>p内ink上)。因此,我走了这样的树:

var treeWalker = document.createTreeWalker(
    document.body,
    NodeFilter.SHOW_ELEMENT,
    function (node) { 
        if (window.getComputedStyle(node, null).getPropertyValue("display") == "block") {
            return NodeFilter.FILTER_ACCEPT;
        }
        return NodeFilter.FILTER_REJECT; 
    },
    false
);

var nodeList = new Array();
while(treeWalker.nextNode()) {
    nodeList.push(treeWalker.currentNode);
}

然后,他们(因为你打着适当的反面命令)就把他们带往 >,同时申请职位。

为了我的目的,我只是找回一个简单的div箱,供他们研究布局,我发现,我遇到了一些路障,这些零件最初被放在其他封闭器上(流隐蔽),我目前正在研究如何使用遮掩面罩来复制lipp。

Answer 2

它期待你们有一个良好的开端。你们是否考虑为此使用 j子? 它们具有真正有益的职能,可能会使你更容易发挥这一作用,特别是使文件内容绝对立场的抵消职能。

http://api.jquery.com/category/manipulation/style-properties/
http://api.jquery.com/offset/
http://api.jquery.com/position/
http://jqueryui.com/demos/position/

你们还可以尝试确定要素而不是绝对内容。

友情链接