Question

我一直在开发Chrome扩展程序，它会在YouTube视频页面上添加一个下载按钮。

当您执行以下操作时，我在显示按钮时遇到一些问题..

访问YouTube - ＆gt;点击视频=没有按钮显示
刷新页面=按钮显示
在新标签页中打开链接=按钮显示

因此，当新视频（页面）加载到同一选项卡中时，该按钮不会显示。我使用background.js通过id将按钮附加到div类。我已经尝试在jQuery中使用document.ready，还有更多，但它仍然无法正常工作。

的manifest.json

{
"name": "Name",
"version": "1",
"manifest_version": 2,
"description": "Description",
"background_page": "background.html",
"icons": { 
            "16":"icon-16.png", 
            "48":"icon-48.png", 
            "128":"icon-128.png" 
    }, 
"content_scripts": [ {
"js": [ "jquery.min.js", "background.js" ],
"matches": [ "http://*/*", "https://*/*"]
 }]
}

background.js

$("#watch-like-dislike-buttons").append("<span><button style='border-color:#c6c6c6;background:#f0f0f0;box-shadow:0 1px 0 rgba(0,0,0,0.10);' class='yt-uix-button yt-uix-button-size-default yt-uix-button-text yt-uix-button-has-icon  yt-uix-tooltip' type='button' title='Download from site' id='dl-video' data-force-position='true' data-orientation='vertical' data-like-tooltip='Download from site' data-position='bottomright' data-button-toggle='true' data-tooltip-text='Download from site'><span class='yt-uix-button-icon-wrapper'><img src='http://site.net/img/icon-youtube-download.png' width='20' height='20' class='yt-uix-button-icon' alt='Download from site'></span><span style='margin-right:5px;color:#000;' class='yt-uix-button-content'>Download video </span></button></span>");

$('#dl-video').click(function(){
window.location = "http://site.net/?url=" + $(location).attr('href');
});

有人可以告诉我为什么它不会附加按钮，当它是同一个标签上的链接的“原始加载”时。感谢

Chrome扩展程序 - background.js在“原始”加载时不会触发，但刷新时会触发

0 个答案: