自制一个简单的Chorme浏览器插件

这里以快捷跳转解析视频网站为例

manifest.json

{
  "manifest_version": 2,

  "name": "解析视频",
  "description": "解析各大视频网站的视频",
  "version": "1.0",
  "permissions": ["tabs"],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

manifest_version: manifest版本
name:插件名称
description:插件描述
version:插件版本
permissions:插件需要的权限(tabs为获取网页各个属性的权限)
browser_action:插件自身的行为(default_icon为插件图标(.png)，default_popup为插件的页面)

popup.html

<div id="area"></div>
<script src="popup.js"></script>
<style>
#area{
	width:50px;
}
</style>

在popup.html中，好像不能用，自动有。这里引用了popup.js

popup.js

chrome.tabs.getSelected(null, function (tab) {
	console.log(tab.url);
        document.getElementById("area").innerHTML="<a href='https://jx.618g.com/?url="+tab.url+"' target='_blank'>解析视频</a>";
});

chrome.tabs对象是Chorme浏览器插件特有的对象，其中getSelected方法表示获取当前网页。getSelected方法有两个参数，第二个参数为函数，这个函数只有一个参数tab，即当前页面。tab对象url属性的值是当前网页的完整URL地址。
注意，解析网站必须以新标签的形式打开，否则是打不开的。这里解析网站用的是jx.618g.com，接口为https://jx.618g.com/?url=视频网页。

(最近不能解析腾讯视频了，本来说用狐妖小红娘来做个例子)