☰

youtube去广告

简单高效的youtube去广告脚本，拒绝花里胡哨。如果你有一丢丢编程知识，可以尝试为常量cssSeletorArr定义元素。如果你有好的建议可以联系我zgh0118c@gmail.com。

目前为 2023-02-07 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         youtube去广告
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.2
  5. // @description  简单高效的youtube去广告脚本，拒绝花里胡哨。如果你有一丢丢编程知识，可以尝试为常量cssSeletorArr定义元素。如果你有好的建议可以联系我zgh0118c@gmail.com。
  6. // @author       FuckAD
  7. // @match        https://www.youtube.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
  9. // @grant        none
  10. // @license MIT
  11. // ==/UserScript==
  12. (function() {
  13.     'use strict';
  14.  
  15.     //界面广告选择器
  16.     const cssSeletorArr = [
  17.         `ytd-rich-item-renderer.style-scope.ytd-rich-grid-row:has(.ytd-display-ad-renderer)`,//首页广告
  18.         `.video-ads.ytp-ad-module`,//播放器底部广告
  19.         `#related #player-ads`,//播放页评论区右侧推广广告
  20.         `#related ytd-ad-slot-renderer`,//播放页评论区右侧视频推荐广告
  21.     ];
  22.  
  23.     /**
  24.     * 生成去除广告的css元素style并附加到HTML节点上
  25.     * @param {String} styles 样式文本
  26.     * @param {String} styleId 元素id
  27.     * @return {undefined}
  28.     */
  29.     function generateRemoveAdHTMLElement(styles,styleId) {
  30.         //如果已经设置过，退出
  31.         if (document.getElementById(styleId)) {
  32.             return false
  33.         }
  34.  
  35.         //设置移除广告样式
  36.         let style = document.createElement(`style`);//创建style元素
  37.         style.id = styleId;
  38.         (document.querySelector(`head`) || document.querySelector(`body`)).appendChild(style);//将节点附加到HTML
  39.         if (style.styleSheet) {
  40.             style.styleSheet.cssText = styles;//for ie浏览器有更加方便的api
  41.         } else {
  42.             style.appendChild(document.createTextNode(styles));//for w3c
  43.         }
  44.     }
  45.  
  46.     /**
  47.     * 生成去除广告的css文本
  48.     * @param {Array} cssSeletorArr 待设置css选择器数组
  49.     * @return {String}
  50.     */
  51.     function generateRemoveAdCssText(cssSeletorArr){
  52.         cssSeletorArr.forEach((seletor,index)=>{
  53.             cssSeletorArr[index]=`${seletor}{display:none!important}`;//遍历并设置样式
  54.         });
  55.         return cssSeletorArr.join(" ");//拼接成字符串
  56.     }
  57.  
  58.     /**
  59.     * 去除播放中的广告
  60.     * @return {undefined}
  61.     */
  62.     function removePlayerAd(){
  63.         let timerId =setInterval(function(){
  64.             //拥有跳过按钮的广告
  65.             let skipButton = document.querySelector(`.ytp-ad-skip-button`);
  66.             if(skipButton)
  67.             {
  68.                 skipButton.click();// 跳过广告
  69.                 return false;//防止后面错判
  70.             }
  71.  
  72.             //片头短广告
  73.             let adShortMsg = document.querySelector(`.video-ads.ytp-ad-module .ytp-ad-player-overlay`);
  74.             if(adShortMsg){
  75.                 location.href = location.href;//重新加载
  76.                 clearInterval(timerId);
  77.             }
  78.  
  79.         }, 16);//主流屏幕刷新率为60hz，此设置与16.666666毫秒每帧对应
  80.     }
  81.  
  82.     /**
  83.     * main函数
  84.     */
  85.     function main(){
  86.         generateRemoveAdHTMLElement(generateRemoveAdCssText(cssSeletorArr),`removeAd`);//移除界面中的广告
  87.         removePlayerAd();//移除播放中的广告
  88.     }
  89.     main();
  90.  
  91. })();