0

我正在尝试为自己构建一个扩展浏览器。这个想法是，当我单击插件的图标时，它会打开一个页面。然后我想在新页面完成加载后执行一些代码，但不知何故它不起作用。

var result;

chrome.browserAction.onClicked.addListener(function() {
    chrome.history.search(
        { text: "", maxResults: 100}, //object
        function(results) { //callback
            for(var item in results) {
                var currItem = results[item];
                if (currItem.url.indexOf("some_domain") > -1) {
                    result = results[item];
                    break;
                }
            }

            //Go to website
            chrome.tabs.create({
                'url': result.url
            }, function(tab) {
                new_tabId = tab.id;
            });
        }
    );
});

现在来了失败的部分：

chrome.webNavigation.onCompleted.addListener(function(details) {
   // if (check for correct URL here) {
        var videos = document.getElementsByTagName("video");
        var video = videos[0];
        alert(videos.length); <--- always Zero! Why??
        video.load();
        video.play();

        video.addEventListener("ended", function() { ... });
   // }
});

它们都在同一个背景脚本中，我没有内容脚本。清单中的权限是"tabs", "history", "webNavigation"

当我与开发人员控制台核对并执行以下操作时： document.getElementsByTagName("video").length我确实得到了正确的号码。

4

1 回答 1

1

正如wOxxOm所暗示的，阻止您的代码工作的是您正试图从后台脚本访问 DOM 。具体来说，代码：

var videos = document.getElementsByTagName("video");
var video = videos[0];
alert(videos.length); <--- always Zero! Why??
video.load();
video.play();

video.addEventListener("ended", function() { ... });

不会在后台脚本中运行。如果你想这样做，你需要加载/执行一个内容脚本。

于 2016-08-12T16:00:13.600 回答