百度去广告

try to take over the world!
Wrap lines
// ==UserScript==
// @name         百度去广告
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  try to take over the world!
// @author       02的狗
// @match        *://*.baidu.com/*
// @match        *://*.zhihu.com/*
// @icon         https://img2.baidu.com/it/u=3969377962,2359772706&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1662656400&t=4127b5412921f05aff87a8eb927c7f70
// @grant        none
// @run-at       document-start
// @license      MIT
// ==/UserScript==

/**
 * 写在前面：通过`@run-at`初始化嵌入css样式来实现功能，提升页面浏览平滑度(好像也就是比起其他的徐晃一下看起来好一点点...)
 *          不考录兼容，反正只有我在用^_^
 *
 * 1.百度列表去广告
 * 2.知乎列表去广告和视频话题：
 *    列表视频需Experimental Web Platform features 以支持css`has`选择器体验 ==> chrome://flags
 */

 (function () {
  'use strict';
  /**datas */
  const datas = {
    /**css样式嵌入 */
    cssInsert: [
      {
        funcName: 'cssInsert',
        name: 'baidu',
        match: /^https?:\/\/[a-z]+\.baidu\.com/,
        /**
         * #content_left > :not(.xpath-log, .hit-toptip) 列表页广告
         * #content_right 右侧热点
         */
        css: `
          #content_left > :not(.xpath-log, .hit-toptip),
          #content_right {
            display: none;
          }
        `
      },
      {
        funcName: 'cssInsert',
        name: 'zhihu',
        match: /^https?:\/\/[a-z]+\.zhihu\.com/,
        /**
         * .Topstory-recommend .TopstoryItem--advertCard 列表广告
         * .Sticky .GlobalSideBar-category, .css-173vipd 右侧个人信息部分功能
         * .Pc-card 右侧广告
         * .TopstoryItem:has(iframe) 视频类型话题
         */
        css: `
          .Topstory-recommend .TopstoryItem--advertCard,
          .Sticky .GlobalSideBar-category,
          .css-173vipd,
          .Pc-card,
          .TopstoryItem:has(iframe) {
            display: none;
          }
        `
      },
    ],
    /**页面优化 */
    optimization: [

    ]
  }

  /**
   * DOM操作
   */
  class OperateDOM {
    /**
     * @param {string} setStyle
     * @return { 页面插入css样式 }
     */
    CSSinsert(setStyle) {
      const domStyle = document.createElement('style')
      domStyle.appendChild(document.createTextNode(setStyle));
      document.querySelector('html').appendChild(domStyle);
    }
  }

  const { cssInsert, optimization } = datas;
  const operateDOM = new OperateDOM()
  /**功能判断 */
  const dataAll = [...cssInsert, ...optimization]
  dataAll.forEach(item => {
    if (location.href.match(item.match)) {
      switch (item.funcName) {
        case 'cssInsert':
          operateDOM.CSSinsert(item.css)
          break;

        default:
          break;
      }
    }
  })
})();
欢迎访问Greasy Fork镜像
