Question

许多人已经熟悉Firebug Inspect选项，它允许在加载的网页中移动并选择网页元素进行检查。

也许有人知道任何类似的JavaScript可以做同样的事情吗？我需要允许用户在运行时选择和删除网页元素。用户访问网页，移动元素和web元素上的鼠标，用户点击元素将其删除。

我可以从哪里开始参考？

此致托马斯

Answer 1

我喜欢挑战。

使用jQuery，我刚刚提供了一个简单的例子，说明如何在视觉上去除元素。在roosteronacid.com/visualremove查看演示。

$(function ()
{
    $("* :not(body)").mouseenter(function ()
    {
        var that = $(this);

        var offset = that.offset();

        var a = $("<a />",
        {
            title: "Click to remove this element",
            css: {
                "position": "absolute",
                "background-color": "#898989",
                "border": "solid 2px #000000",
                "cursor": "crosshair",          
                width: that.width() + 6,
                height: that.height() + 2
            },
            offset: {
                top: offset.top - 4,
                left: offset.left - 4
            },          
            click: function ()
            {
                that.remove();

                a.remove();
            },
            mouseleave: function ()
            {
                a.fadeTo(200, 0, function ()
                {
                    a.remove();
                });
            }
        });

        that.after(a.fadeTo(200, 0.5));
    });
});

Answer 2

将Firebug Lite，Firebug打包为javascript，放入除ff以外的其他浏览器中：http://getfirebug.com/firebuglite

JavaScript视觉元素的选择，删除

2 个答案: