下载 url chrome 扩展

Question

我正在尝试通过为 chrome 扩展编写代码来下载 url。这是 myscript.js 文件：

chrome.downloads.download(
    {url: 'http://www.iana.org/_img/iana-logo-pageheader.png',
     saveAs: true
    },
    function(res){alert(res);});

这是我的 manifest.json

{
  "name": "My extension",
  "version": "1.0",
  "manifest_version":2,
  "background_page": "background.html",
  "browser_action": {
    "name": "Manipulate DOM",
    "icons": ["icon.png"],
    "default_icon": "icon.png"
  },
  "permissions": ["downloads",
    "tabs", "http://*/*","https://*/*"
  ],
  "content_scripts": [
    {
      "matches": [ "http://*/*", "https://*/*"],
      "js": ["jquery.js","d3.v2.js","myscript.js"],
      "run_at": "document_end"
    }
  ]
}

但控制台显示错误“无法调用未定义的方法'下载'”。 请帮帮我。

Answer 1

chrome.downloads 的文档明确指出“API 仍在开发中。它仅适用于开发者early release channel 上的 Chrome 用户。” （重点是我的，目前在 Chrome 23）。

要使用 API，您需要获得 Chrome 的 dev 或 canary 版本（请参阅this page 以获取下载链接）。

解决问题的另一种方法是不使用chrome.downloads API。我一直在使用以下方法来创建下载，它就像一个魅力（它可以在任何地方工作：内容脚本/背景页面/弹出/任何）：

var a = document.createElement('a');
a.href = 'http://www.iana.org/_img/iana-logo-pageheader.png';
a.download = 'iana-logo-pageheader.png'; // Filename
a.click();                               // Trigger download

a.click() 使 Chrome 跟随链接。
download 属性使 Chrome 下载目标，并在“另存为”对话框中建议该属性的值作为文件名。

此功能不仅限于 Chrome 扩展，您也可以在普通网页中使用。看看这个演示：http://jsfiddle.net/dEeHF/。