youtube去广告

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

当前为 2023-02-06 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name youtube去广告
  3. // @namespace http://tampermonkey.net/
  4. // @version 1.0
  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:has(.ytp-ad-text-overlay)`,//播放器底部文本广告
  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. }else{
  34. style.id = styleId;
  35. }
  36. //设置移除广告样式
  37. let style = document.createElement(`style`);//创建style元素
  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. /**
  48. * 生成去除广告的css文本
  49. * @param {Array} cssSeletorArr 待设置css选择器数组
  50. * @return {String}
  51. */
  52. function generateRemoveAdCssText(cssSeletorArr){
  53. cssSeletorArr.forEach((seletor,index)=>{
  54. cssSeletorArr[index]=`${seletor}{display:none!important}`;//遍历并设置样式
  55. });
  56. return cssSeletorArr.join(" ");//拼接成字符串
  57. }
  58.  
  59. /**
  60. * 去除播放中的广告
  61. * @return {undefined}
  62. */
  63. function removePlayerAd()
  64. {
  65. let timerId =setInterval(function(){
  66. //拥有跳过按钮的广告
  67. let skipButton = document.querySelector(`.ytp-ad-skip-button`);
  68. if(skipButton)
  69. {
  70. skipButton.click();// 跳过广告
  71. return false;//防止后面错判
  72. }
  73.  
  74. //片头短广告
  75. let adShortMsg = document.querySelector(`.video-ads.ytp-ad-module .ytp-ad-player-overlay`);
  76. if(adShortMsg){
  77. location.href = location.href;//重新加载
  78. clearInterval(timerId);
  79. }
  80.  
  81. }, 16.666666);//细节,主流屏幕刷新率为60hz,此设置与16毫秒每帧对应
  82. }
  83.  
  84. /**
  85. * main函数
  86. */
  87. function main(){
  88. generateRemoveAdHTMLElement(generateRemoveAdCssText(cssSeletorArr),`removeAd`);//移除界面中的广告
  89. removePlayerAd();//移除播放中的广告
  90. }
  91. main();
  92.  
  93. })();