Chrome extension sample

最新推荐文章于 2024-09-04 18:06:12 发布

依然任逍遥

最新推荐文章于 2024-09-04 18:06:12 发布

阅读量160

点赞数

分类专栏： JavaScript 文章标签： chrome extension chrome插件插件

本文链接：https://blog.csdn.net/woai6022/article/details/84610763

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文件包结构：


icon.png // 插件图标
jquery-1.11.1.min.js //引入jQuery
manifest.json // 主配置文件
myscript.js // 针对页面操作的js
popup.html //弹出框页面

1.manifest.json


{
"name": "NewIssueNotify",
"version": "1.0",
"manifest_version":2,
"description": "Get new issue from aramark.",
"browser_action": {"default_icon": "icon.png","default_popup": "popup.html"},
"content_scripts": [//For page content
    {
      "matches": ["https://*/*"],
      "js": ["jquery-1.11.1.min.js", "myscript.js"]
    }
  ],
"permissions": [ "http://*/*", "https://*/*", "notifications" ]
}

2.popup.html


<!DOCTYPE HTML>
<html>
  <header>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  </header>
<body>
  <div style="width:300px;height:100px;">
    <h1>Refresh the aramark issue page every 2 mins!!!</h1>
  </div>
</body>
</html>

3.myscript.js


function myrefresh(){
	console.log('Fire auto!!!');
	window.location.reload();
}

$(document).ready(function(){
	if($('.autoscroll input:first').val()==581){
		console.log('Go to sleep!');
		setTimeout("myrefresh()", 2*60*1000);
	}else{
		console.log('Fire!!!');
		alert('Fire!!!');
	}
});

依然任逍遥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Chrome extension sample

文件包结构：[code="java"]icon.png // 插件图标jquery-1.11.1.min.js //引入jQuerymanifest.json // 主配置文件myscript.js // 针对页面操作的jspopup.html //弹出框页面[/code]1.manifest.json[code="java"]{"name": "N...
复制链接

扫一扫

专栏目录