<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="popup.css">
</head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<body>
<div class="box">
<div class="input">
<div class="input-group no-text">
<label for="chinese">
<input id="chinese" checked="true" type="checkbox">
中文
</label>
<label for="en">
<input id="en" checked="true" type="checkbox">
英文
</label>
<label for="hk">
<input id="hk" checked="true" type="checkbox">
香港繁体
</label>
<label for="tw">
<input id="tw" checked="true" type="checkbox">
台湾繁体
</label>
</div>
<div class="input-group">
<input type="text" class="form-control" id="inputKey" placeholder="请输入要改变的key" name="inputKey">
<ul class="list-group" id="list-box">
<!-- <li class="list-group-item">444</li> -->
</ul>
</div>
<div class="input-group">
<input type="text" class="form-control" id="inputValue" placeholder="请输入要改变的内容" name="inputKey">
</div>
<div class="input-group">
<button type="button" id="save" class="btn btn-primary">改变</button>
<button type="button" id="delete" class="btn btn-danger">删除</button>
</div>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>
chrome插件示例，根据我的文章你将会明白里面都有什么
需积分: 9 10 浏览量
2022-06-11
19:12:16
上传
评论
收藏 135KB ZIP 举报
getting-started.zip （8个子文件） 
getting-started 
options.html 259B
manifest.json 586B options.js 2KB popup popup.js 1KB popup.css 243B popup.html 2KB images 
icon.jpg 125KB
icon.png 9KB
评论0