<!DOCTYPE html>
<html>
<head>
<title>popup页</title>
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
font-family: 'Microsoft Yahei';
width: 500px;
min-height: 100px;
}
a {margin-right: 10px;}
</style>
</head>
<body>
<h1>这是一个popup页面！</h1>
<h2>background</h2>
<div>
<a href="#" id="open_background">打开background</a>
<a href="#" id="invoke_background_js">调用background页JS方法</a>
<a href="#" id="get_background_title">获取background页的标题</a>
<a href="#" id="set_background_title">设置background页标题</a>
(验证background生命周期和单实例特性)
</div>
<h2>窗口操作演示</h2>
<div>
<a href="#" id="open_new_window">新窗口打开百度</a>
<a href="#" id="custom_window_size">执行简单的窗口动画</a>
<a href="#" id="max_current_window">将当前窗口最大化</a>
<a href="#" id="min_current_window">将当前窗口最小化</a>
<a href="#" id="close_current_window">关闭当前窗口所有标签(慎点)</a>
</div>
<h2>标签操作演示</h2>
<div>
<a href="#" id="open_url_new_tab">新标签打开百度</a>
<a href="#" id="open_url_current_tab">当前标签打开网页</a>
<a href="#" id="get_current_tab_id">获取当前标签页ID</a>
<a href="#" id="highlight_tab">切换到第一个标签</a>
</div>
<h2>popup与content-script交互</h2>
<div>
<a href="#" id="send_message_to_content_script">短连接发送消息到content-script</a>
<a href="#" id="connect_to_content_script">长连接发送消息到content-script</a>
</div>
<h2>DOM交互演示</h2>
<div>
<a href="#" id="update_bg_color">修改页面背景色(通过executeScript实现)</a>
<a href="#" id="update_font_size">修改字体大小(通过sendMessage实现)</a>
</div>
<h2>国际化演示</h2>
<div>
<p><span id="test_i18n"></span> (另外请到插件列表页查看描述的变化)</p>
</div>
<h2>其它</h2>
<div>
<a href="#" id="show_badge">显示badge</a>
<a href="#" id="hide_badge">隐藏badge</a>
<a href="#" id="show_notification">显示桌面通知</a>
<a href="#" id="check_media">检测网页视频</a>
</div>
<h2>更多</h2>
<div>
百度广告，右键菜单，omnibox，图片大小演示，devtools演示，sidebar演示，
</div>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
</body>
</html>
chrome插件开发,完整demo
5星 · 超过95%的资源 需积分: 5 184 浏览量
2023-09-26
15:19:10
上传
评论
收藏 193KB ZIP 举报 
full-chrome-plugin-demo.zip （22个子文件） 
full-chrome-plugin-demo js 
options.js 1KB popup.js 6KB devtools.js 759B content-script.js 5KB inject.js 825B background.js 5KB jquery-1.8.3.js 260KB mypanel.js 2KB show-image-content-size.js 377B
options.html 844B manifest.json 3KB newtab.html 723B popup.html 2KB devtools.html 122B img 
sds.png 58KB icon.png 41KB css custom.css 2KB mypanel.html 1KB _locales zh_CN messages.json 118B en messages.json 108B sidebar.html 462B background.html 670B资源评论
何以骑龙唯有自强2023-12-15大佬，我看到 "manifest_version": 2,是用的2 谷歌已经弃用2啦，有写过3的dome吗？ #完美解决问题 #运行顺畅 #内容详尽 #全网独家 #注释完整
