TamperMonkeyを使ってYouTubeの "もっと見る..."ボタンをクリックするには

Question

私はTampermonkey.Alsoを使ってYoutubeのユーザーページで "もっと見る"ボタンをクリックしたいと思っていますが、場合。ボタンの

HTML：

<button class="yt-uix-button yt-uix-button-size-default yt-uix-button-default load-more-button yt-uix-load-more browse-items-load-more-button" type="button" onclick=";return false;" aria-label="Carregar mais 
" data-uix-load-more-href="/browse_ajax?action_continuation=1&amp;continuation=4qmFsgJAEhhVQ2UwSXlLNG50Z2RQVFRqc3hqdnlIUGcaJEVnWjJhV1JsYjNNZ0FEZ0JZQUZxQUhvQk1yZ0JBQSUzRCUzRA%253D%253D" data-uix-load-more-target-id="channels-browse-content-grid"><span class="yt-uix-button-content"> <span class="load-more-loading hid"> 
     <span class="yt-spinner"> 
     <span title="Carregando ícone" class="yt-spinner-img yt-sprite"></span> 

Carregando... 
    </span> 

    </span> 
    <span class="load-more-text"> 
    Carregar mais 

    </span> 
</span></button> 

私が最初にこのコードを試してみました：

// ==UserScript== 
// @name   YouTube 
// @namespace http://tampermonkey.net/ 
// @version  0.1 
// @description try to take over the world! 
// @author  You 
// @match  https://www.youtube.com/user/*/videos 
// @grant  none 
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js 
// ==/UserScript== 

$(document).ready(
    $(function(){ 
    document.getElementsByClassName("yt-uix-button yt-uix-button-size-default yt-uix-button-default load-more-button yt-uix-load-more browse-items-load-more-button")[0].click(); 
}); 
); 

をし、また、私はこれを試してみました：

// ==UserScript== 
// @name   YouTube 
// @namespace http://tampermonkey.net/ 
// @version  0.1 
// @description try to take over the world! 
// @author  You 
// @match  https://www.youtube.com/user/*/videos 
// @grant  none 
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js 
// ==/UserScript== 

$(document).ready(  

    setTimeout(function() { 
    document.querySelector('#yt-uix-button yt-uix-button-size-default yt-uix-button-default load-more-button yt-uix-load-more browse-items-load-more-button').click() 
}, 1000) 

しかし、両方のコードがで動作しないようですすべて。誰かが私にそれを修正する方法を説明することができますか？私はそこに置かなければならないコードは何ですか？私はJSについて何も知らない。

Answer 1

2018年2月20日現在、一致するURL（https://www.youtube.com/user/*/videos）は実際には無限スクロールに依存するHTMLページを返します。あなたが言及したように、 "Show More" HTMLボタンはありません。

document.querySelector('#yt-uix-button yt-uix-button-size-default yt-uix-button-default load-more-button yt-uix-load-more browse-items-load-more-button'); 

nullを返し、あなたが.click()を実行するとき、あなただけの例外TypeErrorを得るでしょう：これが意味しています。明らかに、あなたが望むものではありません。

あなたはJavascriptを使用してページ上の動画「詳細を表示」を希望している場合は、あなたの代わりにこれを実行する必要があります：

document.querySelector("yt-next-continuation").trigger();