当前位置:  开发笔记 > 编程语言 > 正文

如何在chrome扩展开发中获取选定的文本?

如何解决《如何在chrome扩展开发中获取选定的文本?》经验,为你挑选了1个好方法。

我正在开发一个chrome扩展,它涉及获取当前选项卡的选定文本.这是我使用的html文件:



    
        
        
        
    
    
        

它不起作用,为什么?以下是来自Chrome App和Extension Developer Tool的错误消息,其中一些错误消息是用省略号剪切的,抱歉我还没弄清楚如何在这里查看完整的错误消息,查看详细信息只给出了堆栈跟踪,而不是完整的错误消息.

在此输入图像描述



1> Searene..:

正如@Xan建议的那样,之前提到的方法(你可以在这里找到它)过于复杂.为了让它发挥作用,只有两件事要做:

    更改valueinnerHTMLdocument.getElementById("output").value

    activeTabmanifest.json文件中添加权限

这是完整的源代码,共有三个文件.

的manifest.json
{
    "manifest_version": 2,
    "name": "sample",
    "description": "A sample extension to get the selected text",
    "version": "1.0",
    "icons": { 
        "16": "img/icon16.png",
        "48": "img/icon48.png",
        "128": "img/icon128.png" 
    },
    "browser_action": {
        "default_popup": "popup.html"
    },
    "permissions": [
        "activeTab"
    ]
}
popup.html


    
        
        
        
    
    
        
popup.js
chrome.tabs.executeScript( {
    code: "window.getSelection().toString();"
}, function(selection) {
    document.getElementById("output").innerHTML = selection[0];
});

推荐阅读
echo7111436
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有