javascript - 如何在Chrome扩展程序中找到带有JavaScript的YouTube不喜欢按钮？

Question

我正在编写Google Chrome扩展程序。我不了解JavaScript，并且尝试识别“不喜欢”按钮是否处于 Activity 状态(表示蓝色，因为它在某些时候被我单击，因此标记为我不喜欢视频)。 YouTube视频页面。
我尝试了各种方法，但我绝望了。我的一些尝试:

//result = document.querySelector("path[d]");
    //var something = document.querySelector('[d=M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v1.91l.01.01L1 14c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z" class="style-scope yt-icon]');

有人可以帮我吗？有趣的是，我仅在检查页面时才发现此属性，如果我查看页面源代码，它甚至不存在于页面中(我不具备Web开发知识，我怀疑这是一些动态技巧吗？)。
编辑:我在chrome扩展程序后台脚本的开头使用以下命令来确保页面已加载:

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {  

if (changeInfo.status == 'complete') {
    if (tab.url.indexOf("youtube.com") != -1) {

Answer 1

试试这个:

var dislikeButtonElement = document.querySelector("#top-level-buttons > ytd-toggle-button-renderer").nextElementSibling;
if(dislikeButtonElement.classList.contains("style-default-active")){
    //Dislike button active
    alert("Disliked Video");
}

请注意，这只有在网页完全加载后才能生效，因为YouTube几乎动态加载了所有内容。如果连接速度较慢，则可能在加载这些按钮之前正在播放视频