Google瀏覽器插件之閃存過濾器


  一件很有意思的事情引發的無聊嘗試。

  博客園有個很有趣的功能,就是閃存,翻閱到07年園長對閃存的定義:

     

  記錄一閃而過的想法,高興或者不高興都可以發一下。我用這個一直以來的想法就是,想到點啥發點啥,順便看看別人發的啥。但是.....唔......有的人可能言論過激,引起他人不適,於是就開撕了,這樣的場景屢見不鮮,場面之激烈堪稱一場大戲~~ 

  於是就有園友期望可以出個屏蔽功能,不喜歡的人直接在自己的列表里pass掉。

  其實吧,我覺得,有時候沒有必要去和別人爭吵,看不慣就看不慣,就當個笑話就好。

  當然了,都是程序員,何必增加園子里程序員的工作量呢,哈哈你說是不是。可能有的人就要說了,不就是個屏蔽功能嘛,很復雜嗎?咦,這種場景是不是像極了互聯網公司某些產品的口頭禪。

  以上只是個人觀點,言歸正傳請看下面正文。


  哈哈,鋪墊完了,上干貨了,為了解決上述問題,之前我寫了一個js腳本,F12以后在控制台執行, 即可清除指定人的閃存,但是這種方式多有不便,每次得F12打開瀏覽器控制台,不然就不行。這個操作太麻煩了,直到今天,一個閃存園友提出了一個很棒的想法,寫個瀏覽器插件!

  

  這是一個建設性的建議,當即我就開始動手了,搜索如何寫插件,清除人的閃存腳本我有了,差的只是如何利用插件去執行我的JS代碼。

  https://www.cnblogs.com/luffystory/p/9190444.html

  上面這個博客是我找到的入門教程,看懂基本操作之后我改了改,寫入了自己的JS就完事了。

  步驟如下:(以下所有文件都在某個建好的文件夾中)

  1.新建manifest.json文件,寫入如下內容:

{
  "manifest_version": 2,
  "name" : "閃存過濾器",
  "description" : "不喜歡的人過濾掉就好啦~~",
  "version": "1.0.0.0",
  "content_scripts" :[
    {
      "matches" : ["*://ing.cnblogs.com/*"],
      "js" : ["jquery-3.3.1.min.js","main.js"]
    }
  ]
}

  (參數詳解看這個 https://www.cnblogs.com/GoCircle/p/9332836.html )

  這里是指簡單的demo,參數只寫了需要的幾個,里面指定了插件作用的域名,以及需要使用的JS,因為平時自己習慣寫JQ,mian.js是JQ寫法,所以引入了JQ文件。

  main.js里面內容如圖:

  

  里面測試人員01、測試人員01、測試人員03寫成需要屏蔽的昵稱即可。

  插件文件夾最終的文件截圖如下:

  

  除了JQ從網上下載,其他兩個都是新建的。注意文件的編碼格式為Utf8。

  寫好了就開始用了!打開Google的擴展程序,點擊加載已解壓的擴展程序:

  

  按下圖所示操作,添加一個文件夾:

  

  添加以后是這樣的:

  

  擴展程序里面已經有我們添加的插件啦~~~ 默認是啟用的!(對了,需要注意的是,打開瀏覽器的開發者模式才能添加插件喲)

  最后,如圖檢驗成果!F12只是為了看日志,關掉以后插件依然有效,目前我設置的是加載清除一次,然后每2秒再定時清除一次,因為點“全站”的時候,下面JS是異步加載的,頁面不會刷新,所以需要定時再清一下dom。

   

 

   這個是GIithub源碼地址 https://github.com/lovemoqing/IngFilter,其實就是一個簡單的文件.... 后續我再看有木有可以完善的地方。

   不想手動建文件的小伙伴就去下載吧,然后把mian.js里面的昵稱改成自己想屏蔽的即可。

 

   Remarks:

   1.mian.js里的昵稱是寫死的,每次改的話不方便,需要重新加載插件,其實我可以寫個api,去調取接口獲得需要清除的名單,時間關系暫時寫死。

   2.目前根據昵稱清除的,但是昵稱會存在經常修改的情況,導致不准,如果采用博客地址名的話,相對准確一些,但是博客地址名也是可以申請修改的,所以就不搞那么復雜了。

 

   后記:這個只是為了練手,試試插件怎么寫,如有不適敬請諒解,我寫這個並不是放大矛盾,而是希望存在矛盾的園友可以化干戈為玉帛,如果實在不能,就用插件屏蔽一下。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM