利用油猴插件 Tampermonkey 编写脚本以屏蔽网页指定元素——以屏蔽百度搜索右边的百度热榜为例

一、起因

一直使用 Tampermonkey 中的

AC-baidu-重定向优化百度搜狗谷歌必应搜索_favicon_双列

这个插件屏蔽好好的，今天突然屏蔽不了，正好自己编写一个简单的插件试试完成这一效果，如下图

二、过程

• Tampermonkey 版本 v4.11

1. 直接进入油猴管理面板，点击已安装脚本的左边的 ＋ 号，这样就新建了一个新的用户脚本了
   
2. 我们审查原始得知百度搜索中我们需要屏蔽的元素块 id 块名为 content_right ,并且在网页测试可以用 display : none 属性屏蔽，那代码就很简单了

// ==UserScript==
// @name        自定义的屏蔽百度搜索结果中右侧百度热榜
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  屏蔽百度搜索的百度热榜
// @author        mizuhokaga
// @match        *://www.baidu.com/*
// @grant        none
// ==/UserScript==

(function() {
	
   let content_right=document.getElementById("content_right");

    if(content_right!=null){
        content_right.style.display="none";
    }

})();

需要注意的是油猴的元数据中 @match 中填入需要屏蔽的 url ,
我懒的想百度搜索的 url 是怎么匹配的就直接 * 通配了
除了用元数据匹配，也可以编辑右边的设置中包括/排除自行添加

3. 在油猴的管理面板确认是否打开自定义的脚本，然后看看效果，基本符合需求

三、场后反思

问题：

• 能不能更加精准的匹配的 url 吗？
• 测试效果后发现，网页还是先会出现百度热榜再消失，即闪屏现象，如何简介？

标签：插件,right,content,屏蔽,搜索,热榜,百度
来源： https://blog.csdn.net/qq_44831907/article/details/111999357