网页去除部分元素-油猴脚本

Fiverya

我有一个习惯，网上看到好的帖子会打印下来
看我上篇文章——油猴脚本“去掉”网页水印
https://www.52pojie.cn/thread-1803001-1-1.html
(出处: 吾爱破解论坛)


但是在保存一些网页时，总会遇到一些广告啊，推荐啊之类的东西，花里胡哨，转成pdf不太美观。还会有一些额外的元素，比如二维码、标签、空白行之类的，打印出来也会影响阅读。
以吾爱公众号文章为例（避免打广告的嫌疑）：





比如这些圈红框的部分我不想要，就可以通过js代码直接在打开网页的同时就从网页
将他们去掉
代码如下：

[JavaScript] 纯文本查看 复制代码

// ==UserScript==
// [url=home.php?mod=space&uid=170990]@name[/url]         Remove Page Elements
// [url=home.php?mod=space&uid=467642]@namespace[/url]    http://tampermonkey.net/
// [url=home.php?mod=space&uid=1248337]@version[/url]      1.0
// @description  Remove specified elements from the page
// [url=home.php?mod=space&uid=195849]@match[/url]        *://mp.weixin.qq.com/*
// [url=home.php?mod=space&uid=609072]@grant[/url]        GM_registerMenuCommand
// @grant        GM_xmlhttpRequest
// @grant        GM_download
// ==/UserScript==

(function() {
    'use strict';

    // 选择要移除的元素
    const elementsToRemove = [
        'div.article-tag__list',
        'div.qr_code_pc_outer',
        'div.rich_media_tool_area',
        'div.rich_media_area_extra',
        'div#content_bottom_area',
        'div#js_pc_qr_code',
    ];

    // 移除元素
    function removeElements() {
        elementsToRemove.forEach(selector => {
            const elements = document.querySelectorAll(selector);
            elements.forEach(element => {
                element.remove();
            });
        });
    }

        // 在页面加载完成后执行
    window.addEventListener('load', () => {
        removeElements();
    });

})();

执行油猴代码，刷新页面：

再次打印页面，就很清爽啦。本文只是以微信为例，大家在使用的过程中可以把常用的网页都加进去。

觉得有用请大佬们不要吝啬手中的评分~

kyslex

f12直接调出控制台，选择元素标签页，或者直接找到要去除的元素点右键检查，在源文件中找到要删除的元素节点直接按删除delete键就可以了。楼主的适合批量差不多的页面，单个页面这个最简单

Wisdom_xiaogui

这只是针对一个页面还是全部的页面？

木水车

不错的创意，大部分人需要

Fiverya

Wisdom_xiaogui 发表于 2023-11-1 10:21
这只是针对一个页面还是全部的页面？

我贴出来的代码是可以对所有微信网页起作用的，如果还需要别的网站就自己写代码加上

wangdanq

谢谢楼主分享  学习一下

123wu355

感谢分享!1

zyl162180

那啥，广告屏蔽软件有右键元素屏蔽。

jcxz2025

过来学习一下，感谢分享

Fiverya

kyslex 发表于 2023-11-1 10:48
f12直接调出控制台，选择元素标签页，或者直接找到要去除的元素点右键检查，在源文件中找到要删除的元素节 ...

是的，常用的几个网站可以用上