Chrome插件: 增加右键菜单
目录
manifest.json
# 注意使用 UTF-8的编码
{
# 插件框架的版本
"manifest_version":2,
# 插件名称
"name":"FirstChromePlugin",
# 插件版本
"version":"1.0",
# 插件的描述
"description":"第一个谷歌插件",
# 作者
"author":"Qz1997",
# 图标
"icons": {
"16"
},
"browser_action": {
# 默认的图标
"default_icon":"img/1.png",
# 鼠标上的提示
"default_title":"Qz第一个插件",
# 展示页面 : 相对路径地址
"default_popup": "main.html"
}
"background":{
# 后台页位置
"page": "html/back.html"
},
# 权限处理
"permissions": [
# 添加鼠标右键
"contextMenus",
# 跨域相关
"tabs",
"*://*/*",
"http://*/*",
"https://*/*"
],
"content_script": [
{
# 正则匹配 url
"matshes": ["<all_urls>"],
# 执行的Js
"js": ["js/autoBaidu.js"],
# 运行时机
"run_at": "document_start"
}
]
}
{
"manifest_version":2,
"name":"FirstChromePlugin",
"version":"1.4",
"description":"谷歌插件",
"author":"Qz1997",
"icons": {
"16":"img/1.png",
"48":"img/1.png",
"128":"img/1.png"
},
"browser_action": {
"default_icon":"img/1.png",
"default_title":"Qz第一个插件",
"default_popup": "html/main.html"
},
"background":{
"page": "html/back.html"
},
"permissions": [
"contextMenus",
"tabs",
"*://*/*",
"http://*/*",
"https://*/*"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["/js/autoBaidu1.js"],
"run_at": "document_start"
}
]
}
js
back
chrome.contextMenus.create({
title: "自动搜索",
onclick: function () {
chrome.tabs.executeScript(null, {
code: `
var kw = document.querySelector('#kw');
kw.value = 'java';
var but = document.querySelector('#su');
but.click()
`
})
}
})
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>后台页</title>
</head>
<body>
<h1>后台页</h1>
</body>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/back.js" type="text/javascript"></script>
</html>
效果