使用油猴(TamperMonkey)编写脚本屏蔽博客园闪存的某一模块

emmm,看到小姐姐的要求，索性捣鼓一下

油猴(TamperMonkey)介绍

这是一款特别受欢迎的浏览器插件。。详细了解请到他的官网。

这是TamperMonkey的 Chrome插件地址

安装完成后可以看到浏览器右上角：

点击进入管理面板

点击+ 号按钮，你可以看到脚本示例代码：

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();

简单解释

脚本整体结构就是如此了

• name 指代你的脚本名称
• namespace 命名空间，可以用你自定义名称，
• version 脚本当前版本，这样别人如果使用了你的脚本，还可以及时更新。
• description 脚本的描述
• author 你的大名
• match 脚本在匹配到什么url 时才触发生效。

其他的无所谓，match一定要写哦！(闪存地址：https://ing.cnblogs.com/)

完整文档请参照油猴的官方文档

---

简单示例：编写超级简单的js脚本，把闪存的右边的最新回应屏蔽掉

首先，需要看到闪存页面的构成：

在container -> container_content ->right_sidebar-> ing_SideRight，这下就是我们的闪存最新回应模块。

最开始的想法是直接给它设置display为none不显示就完事了，结果发现没作用，原因不明。

于是，我们使用jq的html()设置其内容为空值，如代码：

// ==UserScript==
// @name         屏蔽博客园最新闪存回应
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  屏蔽博客园闪存，最新闪存回应..等等
// @author        https://blog.liantao.me/
// @match        https://ing.cnblogs.com/
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 屏蔽博客园闪存，最新闪存回应..等等
    ///*关闭最新闪存回应，最新...*/
    //#container #container_content #right_sidebar #ing_SideRight{
    //display:none;
    //}
console.log("test");
$("#ing_SideRight").html("勤能补拙，熟能生巧");

})();

点击左上方的保存，它会自动运行。然后我们打开闪存查看。

效果如下图：

END

你甚至可以定制各种样式~ 只有你想不到的~