的manifest.json

Question

我计划开发一个Google Chrome扩展程序，作为下载管理器，即。当用户从浏览器下载任何项目时，扩展程序必须捕获它并在顶部显示其下载进度。

所以我已经完成了两个名为manifest.json和popup.html的文件。

的manifest.json

实施的主要文件

{
  "manifest_version": 2,
  "name": "One-click Kittens",
 "description": "something",
  "version": "1.0",
  "permissions": [
"<all_urls>",
"downloads"
  ],

 "content_scripts": [
{

  "matches": ["<all_urls>"],
  "js": ["myscript.js"]
}
  ],





 "browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}

popup.html

用作弹出窗口的文件，显示在Chrome的侧边栏上。

  <html>
<head>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
        if(!Modernizr.meter){
            alert('Sorry your brower does not support HTML5 progress bar');
        } else {
            var progressbar = $('#progressbar'),
                max = progressbar.attr('max'),
                time = (1000/max)*5,    
                value = progressbar.val();

            var loading = function() {
                value += 1;
                addValue = progressbar.val(value);

                $('.progress-value').html(value + '%');

                if (value == max) {
                    clearInterval(animate);                    
                }
            };

            var animate = setInterval(function() {
                loading();
            }, time);
        };
    });
</script>
</head>
<body>
<div class="demo-wrapper html5-progress-bar">
    <div class="progress-bar-wrapper">
        <progress id="progressbar" value="0" max="100"></progress>
        <span class="progress-value">0%</span>
    </div>
</div>
</body>
</html>

myscript.js

<script>
var c = chrome.downloads.search({query: }, function(results){
            var formattedResults = [];
            for(var i in results) {

                chrome.downloads.download(
                    {
                        method: "POST",
                        filename: results[i]
                    }, function () {
                        if(results[i] == undefined ) {
                            console.log('files arent located');
                        } else {
                            console.log('its downloading');
                        }



)

})

</script>

我面临的问题

当我在清单文件中运行popup.js时，它并没有向我显示进度（即值增量），但是当我单独运行时它运行正常。
我只想检测用户下载的文件并在popup.html上显示其进度。

我尝试了chrome.downloads，但没有帮助。也许是因为我不是Google apis的专家。

Answer 1

Check out Google's example extensions that use the chrome.downloads api。例如，正如Graham T建议的那样，您可以使用以下示例扩展名onChanged event和Download and Open Button使用的Download Manager Button。

<强> chrome.downloads

https://developer.chrome.com/extensions/downloads
使用chrome.downloads API以编程方式启动，监控，操作和搜索下载。

从下载管理器按钮：

DownloadItem.prototype.onChanged = function(delta) {
  for (var key in delta) {
    if (key != 'id') {
      this[key] = delta[key].current;
    }
  }
  this.render();
  if (delta.state) {
    setLastOpened();
  }
  if ((this.state == 'in_progress') && !this.paused) {
    DownloadManager.startPollingProgress();
  }
};

我建议查看其余的示例代码，因为它应该更清楚如何正确使用chome.downloads。

检查文件是否正在使用api在Chrome中下载

的manifest.json

popup.html

myscript.js

我面临的问题

1 个答案: