自制一个简单的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=视频网页。
(最近不能解析腾讯视频了,本来说用狐妖小红娘来做个例子)