ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-12-30 23:02:16  阅读:1133  来源: 互联网

标签:插件 right content 屏蔽 搜索 热榜 百度


一、起因

一直使用 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有