在浏览器上下载选定的文本 - 浏览器扩展答案

【问题标题】：Downloading a selected text on browser - browser extention在浏览器上下载选定的文本 - 浏览器扩展
【发布时间】：2017-07-24 03:01:20
【问题描述】：

我正在尝试在我的浏览器（mozilla 或 chrome）上下载选定的单词或文本。当我选择一个单词并右键单击它时，我可以看到“将此选定文本保存到文件”选项。但我无法使功能正常工作。它不会下载文本。我对扩展写作很陌生。我想通过简单的例子来学习东西

manifest.json

    {
        "manifest_version":2,
        "version":"1.0",
        "name": "Selected Text Saver",
        "permissions": [
            "contextMenus",
            "activeTab"
        ],
        "background": {
        "scripts": ["main.js"]
        }
    }

main.js

    mouse1 = function(){
        chrome.tabs.executeScript({
            file: 'saver.js'
        });
    };

    chrome.contextMenus.create({
        title: "Save this selected text to file",
        contexts:["selection"],
        onclick: mouse1
    });

saver.js

    var text = window.getSelection().toString();
    var bb = new Blob([text], {type: 'text/plain'});
    var a = document.createElement('a');
    a.download = document.title.slice(0, 50).replace('/*[<>:/\\|?*]*/g', '') + '.txt';
    a.href = window.URL.createObjectURL(bb);
    a.dataset.downloadurl = ['text/plain', a.download, a.href].join(':');

【问题讨论】：

标签： javascript google-chrome google-chrome-extension browser-extension

【解决方案1】：

问题中的 JavaScript 不会使用在 a.dataset.downloadurl = ['text/plain', a.download, a.href].join(':'); 之后创建的 <a> 元素执行任何进一步的任务。

将创建的<a> 元素附加到document.body 并调用a.click() 以提示用户下载文件。

【讨论】：

非常感谢