初始化
This commit is contained in:
xiananliu
parent
5bf1ff7cfd
commit
1bc804cf7d
23
demo/devtools.html
Normal file
23
demo/devtools.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>新标签页</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style>
|
||||
html,body{height: 100%;}
|
||||
body{font-family: 'Microsoft Yahei';margin:0;padding:0;}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
font-size: 48px;
|
||||
color: #CCC;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="center"><p>这是一个自定义的新标签页</p></div>
|
||||
<script type="text/javascript" src="devtools.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
8
demo/devtools.js
Normal file
8
demo/devtools.js
Normal file
@ -0,0 +1,8 @@
|
||||
|
||||
chrome.devtools.panels.create("My Panel",
|
||||
"MyPanelIcon.png",
|
||||
"devtools.html",
|
||||
function(panel) {
|
||||
console.log(222);
|
||||
}
|
||||
);
|
||||
BIN
demo/img/icon.png
Normal file
BIN
demo/img/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
32
demo/js/background.js
Normal file
32
demo/js/background.js
Normal file
@ -0,0 +1,32 @@
|
||||
// 右键菜单演示
|
||||
chrome.contextMenus.create({
|
||||
title: "测试右键菜单",
|
||||
onclick: function(){
|
||||
chrome.notifications.create(null, {
|
||||
type: 'basic',
|
||||
iconUrl: 'img/icon.png',
|
||||
title: '这是标题',
|
||||
message: '您刚才点击了自定义右键菜单！'
|
||||
});
|
||||
}
|
||||
});
|
||||
chrome.contextMenus.create({
|
||||
title: '使用度娘搜索：%s', // %s表示选中的文字
|
||||
contexts: ['selection'], // 只有当选中文字时才会出现此右键菜单
|
||||
onclick: function(params)
|
||||
{
|
||||
// 注意不能使用location.href，因为location是属于background的window对象
|
||||
chrome.tabs.create({url: 'https://www.baidu.com/s?ie=utf-8&wd=' + encodeURI(params.selectionText)});
|
||||
}
|
||||
});
|
||||
|
||||
// badge 演示
|
||||
// chrome.browserAction.setBadgeText({text: 'new'});
|
||||
// chrome.browserAction.setBadgeBackgroundColor({color: [255, 0, 0, 255]});
|
||||
|
||||
chrome.tabs.onCreated.addListener(function(activeInfo)
|
||||
{
|
||||
//alert(activeInfo.tabId)
|
||||
console.log(activeInfo);
|
||||
chrome.pageAction.show(activeInfo.tabId);
|
||||
});
|
||||
16
demo/js/content-script.js
Normal file
16
demo/js/content-script.js
Normal file
@ -0,0 +1,16 @@
|
||||
console.log('这是content script!');
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function()
|
||||
{
|
||||
// 给谷歌搜索结果的超链接增加 _target="blank"
|
||||
if(location.host == 'www.google.com.tw')
|
||||
{
|
||||
var objs = document.querySelectorAll('h3.r a');
|
||||
for(var i=0; i<objs.length; i++)
|
||||
{
|
||||
objs[i].setAttribute('_target', 'blank');
|
||||
}
|
||||
console.log('已处理谷歌超链接！');
|
||||
}
|
||||
});
|
||||
|
||||
9472
demo/js/jquery-1.8.3.js
vendored
Normal file
9472
demo/js/jquery-1.8.3.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
58
demo/manifest.json
Normal file
58
demo/manifest.json
Normal file
@ -0,0 +1,58 @@
|
||||
{
|
||||
// 清单文件的版本，这个必须写，而且必须是2
|
||||
"manifest_version": 2,
|
||||
// 插件的名称
|
||||
"name": "demo",
|
||||
// 插件的版本
|
||||
"version": "1.0.0",
|
||||
// 插件描述
|
||||
"description": "简单的Chrome扩展demo",
|
||||
// 图标，一般偷懒全部用一个尺寸的也没问题
|
||||
"icons":
|
||||
{
|
||||
"16": "img/icon.png",
|
||||
"48": "img/icon.png",
|
||||
"128": "img/icon.png"
|
||||
},
|
||||
// 后台JS
|
||||
"background":
|
||||
{
|
||||
"scripts": ["js/background.js"]
|
||||
},
|
||||
// 浏览器右上角图标设置，browser_action、page_action、app必须三选一
|
||||
"browser_action":
|
||||
{
|
||||
"default_icon": "img/icon.png",
|
||||
"default_title": "这是一个示例Chrome插件",
|
||||
"default_popup": "popup.html"
|
||||
},
|
||||
// 当某些特定页面打开才显示的图标
|
||||
/*"page_action":
|
||||
{
|
||||
"default_icon": "img/icon.png",
|
||||
"default_title": "我是pageAction",
|
||||
"default_popup": "popup.html"
|
||||
},*/
|
||||
// 需要直接注入页面的JS
|
||||
"content_scripts":
|
||||
[
|
||||
{
|
||||
"matches": ["http://*/*", "https://*/*"],
|
||||
"js": ["js/content-script.js"]
|
||||
}
|
||||
],
|
||||
// 权限申请
|
||||
"permissions":
|
||||
[
|
||||
"contextMenus", // 右键菜单
|
||||
"tabs", // 标签
|
||||
"notifications"
|
||||
],
|
||||
// 插件主页，这个很重要，不要浪费了这个免费广告位
|
||||
"homepage_url": "https://www.baidu.com",
|
||||
"chrome_url_overrides":
|
||||
{
|
||||
"newtab": "newtab.html"
|
||||
},
|
||||
"devtools_page": "devtools.html"
|
||||
}
|
||||
22
demo/newtab.html
Normal file
22
demo/newtab.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>新标签页</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style>
|
||||
html,body{height: 100%;}
|
||||
body{font-family: 'Microsoft Yahei';margin:0;padding:0;}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
font-size: 48px;
|
||||
color: #CCC;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="center"><p>这是一个自定义的新标签页</p></div>
|
||||
</body>
|
||||
</html>
|
||||
15
demo/popup.html
Normal file
15
demo/popup.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>popup</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style>
|
||||
body{font-family: 'Microsoft Yahei';}
|
||||
</style>
|
||||
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
||||
<script type="text/javascript" src="js/popup.js"></script>
|
||||
</head>
|
||||
<body style="width:300px;min-height:100px;">
|
||||
<h1>这是一个popup页面！</h1>
|
||||
</body>
|
||||
</html>
|
||||
28
demo/popup.js
Normal file
28
demo/popup.js
Normal file
@ -0,0 +1,28 @@
|
||||
var bg = chrome.extension.getBackgroundPage();
|
||||
function add(name,url)
|
||||
{
|
||||
var path=bg.localStorage.path||'[]';
|
||||
path=JSON.parse(path);
|
||||
path.push([name,url]);
|
||||
bg.localStorage.path=JSON.stringify(path);
|
||||
return path;
|
||||
}
|
||||
function init()
|
||||
{
|
||||
var path=JSON.parse(bg.localStorage.path||'[]');
|
||||
var html='';
|
||||
for(var i=0;i<path.length;i++)
|
||||
html+='<tr><td>'+path[i][0]+'</td><td>'+path[i][1]+'</td></tr>';
|
||||
$('#table').append(html);
|
||||
}
|
||||
$(function()
|
||||
{
|
||||
init();
|
||||
$('#add').click(function()
|
||||
{
|
||||
var name=$('#name').val(),url=$('#url').val();
|
||||
add(name,url);
|
||||
$('#table').append('<tr><td>'+name+'</td><td>'+url+'</td></tr>');
|
||||
});
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user