Chrome 和 Firefox 中的秘密复制到剪贴板 JavaScript 功能？

Question

更新

看起来像浏览器开始支持 JS 本地复制

---

在 Mac 上的 Chrome 和 Firefox 的控制台窗口中，我可以执行

copy("party in your clipboard!");

并将文本复制到我的剪贴板。我搜索过 SO 和 Google，似乎找不到任何相关信息。

• 这些是特定于每个浏览器的吗？
• 我在哪里可以找到有关的更多信息 这些 JavaScript 函数？

浏览器版本：

执行“copy”时从 Chrome 控制台返回的 JavaScript

function (object)
    {
        if (injectedScript._type(object) === "node") {
            var nodeId = InjectedScriptHost.pushNodePathToFrontend(object, false, false);
            InjectedScriptHost.copyNode(nodeId);
        } else
            InjectedScriptHost.copyText(object);
    }

• 这段代码是什么意思？

以下是在禁用所有 Chrome 扩展的情况下在 Chrome 控制台中执行复制功能的 2 个屏幕截图

Answer 1

我相信这些是预定义的 Firebug 控制台功能 - 至少 Firebug 似乎是这样。例如，如果您尝试调用 window.copy，您将收到有关函数未定义的警告，因此它绝对不是浏览器函数，并且不能在普通 JavaScript 文件中使用。经过一番尝试后，以下函数似乎也可以在 JavaScript 控制台中运行：

• clear()
• profile()

---

在 Chrome 控制台中运行这些函数可以揭示背后的源代码Webkit 控制台中的这些功能：

> profile
function ()
{
return console.profile.apply(console, arguments)
}

> clear
function ()
{
InjectedScriptHost.clearConsoleMessages();
}

> copy
function (object)
{
if (injectedScript._type(object) === "node")
object = object.outerHTML;
InjectedScriptHost.copyText(object);
}

而

this.clear = function()  // no web page interaction
{
    Firebug.Console.clear(context);
};

this.inspect = function(obj, panelName)  // no web page interaction
{
    Firebug.chrome.select(obj, panelName);
};

this.keys = function(o)
{
    return FBL.keys(o);  // the object is from the page, unwrapped
};

this.values = function(o)
{
    return FBL.values(o); // the object is from the page, unwrapped
};

// etc...

Answer 2

现代响应

现在，您可以使用跨浏览器工作的新 API，您可以添加隐藏在 DOM 上的输入文本，选择它，然后运行 ​​document.execCommand('copy');

参考：
https://developer.chrome.com/blog/cut-and-copy -commands/

古老的响应时间

在这里你可以看到Chrome开发工具的参考复制命令：
https://developers.google.com/web/tools/ chrome-devtools/console/utilities#copy

您不应该在真正的 JS 跨浏览器上使用此命令（只是为了在控制台上进行调试）。