一个极其简单的Chrome Extension

chrome的插件可以说是chrome的灵魂，它极大的拓展了chrome的功能。基于拓展，可以过滤广告，可以美化页面。chrome的插件开发过程类似于Android，在清单（manifest.json）注册界面（html)，并使用JS实现功能。学习Chrome插件的全部内容，访问https://developer.chrome.com/extensions/

我们使用Extension将知乎的恶心提示删除。
效果如下

首先需要创建清单（manifest.json)，以下是实例

 {
    
    
 //清单版本，不能改动，除非Chrome大更新
 	"manifest_version":2,
 //插件名称
    "name": "My Extension",
    //插件版本
    "version": "2.1",
    //对于插件的描述
    "description": "Gets information from Google.",
    //插件图标
    "icons": {
    
    
      "128": "icon_16.png",
      "128": "icon_32.png",
      "128": "icon_48.png",
      "128": "icon_128.png"
    },
    //后台脚本
    "background": {
    
    
      "persistent": false,
      "scripts": ["background_script.js"]
    },
    //申请权限
    "permissions": ["https://*.google.com/", "activeTab"],
    //弹窗界面
    "browser_action": {
    
    
      "default_icon": "icon_16.png",
      "default_popup": "popup.html"
    }
  }

第一步，创建清单，由于只是删除DOM元素，不需要界面，只需要content脚本就行了。

{
    
    
  "manifest_version": 2,
  "name": "Killer",
  "version": "1.0",
  "description": "This a extension that handles SB_ZHI_HU",
  "icons": {
    
    
    "128": "image/image128.png",
    "48": "image/image48.png",
    "16": "image/image16.png"
  },

  "content_scripts":[
    {
    
    
      "matches": ["https://www.zhihu.com/*"],
      "js": ["jquery-3.5.1.min.js","content.js"]
    }
  ],
  "permissions": [
    "https://www.zhihu.com/*"
  ]

}

为其注入js

// $('div.UserStatus').text("傻逼知乎")
let sb=$('div.UserStatus').get(0)
sb.parentNode.removeChild(sb)