Javascript 如何使用Google Chrome for Youtube运行扩展？
你好， 我想删除出现在YouTube上的缩略图。我正在为此使用以下代码。Javascript 如何使用Google Chrome for Youtube运行扩展？,javascript,html,json,google-chrome-extension,Javascript,Html,Json,Google Chrome Extension,你好， 我想删除出现在YouTube上的缩略图。我正在为此使用以下代码。 while (true) { $("ytd-thumbnail").remove() } 当我将此代码粘贴到控制台时，所有缩略图都将被删除。我希望它通过添加扩展在背板上工作。我正在准备的插件代码如下。 manifest.json popup.html 当我按下checkPage按钮时，什么也没有发生。但是当我添加一个控制台时，这段代码就起作用了。有什么问题？提前感谢。扩展有几个问题： 您正在尝试使用$i.e.jq
while (true) {
$("ytd-thumbnail").remove()
}
当我按下checkPage按钮时，什么也没有发生。但是当我添加一个控制台时，这段代码就起作用了。有什么问题？提前感谢。扩展有几个问题：
background.js是内容脚本，在youtube页面中运行。它现在可以访问youtube页面中的所有dom元素。当我们收到“removeThumbnails”消息时，获取所有ytd缩略图元素并将其从页面中删除。自行调试<代码>控制台.log（$）<代码>控制台.log（$（'ytd-缩略图'））。它包含jquery吗？它是否包含您正在查找的元素？没有jQuery。我正在学习new.js，我不明白。我试着通过尝试和提问来学习@在提出更多问题之前，FrankerZI将首先研究基本调试
console.log（）{
"manifest_version": 2,
"name": "test",
"description": "test extension",
"version": "1.0",
"browser_action": {
"default_popup": "popup.html"
},
"permissions": [
"activeTab"
]
}
<!doctype html>
<html>
<head>
<title>TEST</title>
<script src="popup.js"></script>
</head>
<body>
<h1>TEST</h1>
<button id="checkPage">Check !</button>
</body>
</html>
document.addEventListener('DOMContentLoaded', function() {
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function() {
chrome.tabs.getSelected(null, function(tab) {
d = document;
while (true) {
$("ytd-thumbnail").remove()
}
});
}, false);
}, false);
{
"manifest_version": 2,
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"browser_action": {
"default_icon": "hello_extensions.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["background.js"],
"all_frames" : true
}
],
"permissions": [
"activeTab",
"tabs"
]
}
document.addEventListener('DOMContentLoaded', function()
{
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function()
{
chrome.tabs.query({"active":true}, function (tabs){
chrome.tabs.sendMessage(tabs[0].id, "removeThumbnails", function (response) {
});
});
});
});
chrome.runtime.onMessage.addListener(function(message, callback) {
if (message == "removeThumbnails")
{
var elements = document.querySelectorAll("ytd-thumbnail");
elements.forEach(a => a.parentNode.removeChild(a));
}
});