Chrome 扩展程序获取选定的文本

IT技术 javascript html google-chrome google-chrome-extension
2021-03-21 19:27:46

我正在寻找一种将所选文本放入我的 Chrome 扩展程序的方法。

我想前任 在 facebook feed 中选择一个文本，当我点击我的图标时，它会得到它并在我的扩展中显示选定的文本。

到目前为止我得到了这个：

chrome.tabs.executeScript(null, {
  code: "alert(window.getSelection().toString());"
})

它获取选定的文本并在 Chrome 中用一条消息提醒它。但是我想在我的 html 弹出窗口中显示它。我想这样写：

document.getElementById("output").value = "Selected text here(but how)"

需要帮忙！我知道还有其他问题，但他们没有给我我想要的。

3个回答

您可以在回调函数中使用由执行的代码计算的最后一个表达式：

chrome.tabs.executeScript( {
  code: "window.getSelection().toString();"
}, function(selection) {
  document.getElementById("output").value = selection[0];
});
它不适用于同源帧和异源帧。此外，它经常返回实际上未选择的文本，因为现在焦点在不同的框架中。它也不适用于输入字段，但这不是问题：code let el = activeWindow.document.activeElement; if (isTextElem(el)) { if ('selectionStart' in el && el.selectionStart !== el.selectionEnd) { return el.value.substring(el.selectionStart, el.selectionEnd); } }
2021-04-30 19:27:46

您可以通过使用Extensions Messaging来做到这一点。基本上，您的“背景页面”会将请求发送到您的服务。例如，假设您有一个“弹出窗口”，一旦您点击它，它就会进行“Google 搜索”，这是您的服务。

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    if (request.method == "getSelection")
      sendResponse({data: window.getSelection().toString()});
    else
      sendResponse({}); // snub them.
});

一些参考资料

  1. 创建一个 chrome 扩展，它在页面上突出显示文本并将其插入到 popup.html 中的 textarea 中

或者你可以使用这个插件

  1. https://chrome.google.com/webstore/detail/view-selection-source/fbhgckgfljgjkkfngcoeajbgndkeoaaj
未捕获的错误：extension.sendRequest、extension.onRequest 和 extension.onRequestExternal 已弃用。请改用 runtime.sendMessage、runtime.onMessage 和 runtime.onMessageExternal。
2021-05-02 19:27:46
这不会将其发送到我的 html 文档吗？
2021-05-17 19:27:46

对于 Angular 8.2，我使用以下代码：

chrome.tabs.executeScript( { code: 'window.getSelection().toString();'}, selectedText => {
 (document.getElementById('text-input') as HTMLInputElement).value = selectedText[0];
  console.log(selectedText[0]);
});
其它你可能感兴趣的问题
上一篇socket.io - ReferenceError: io 未定义 下一篇具有 contenteditable 的 onChange 事件