theshy/proxy-switcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
theshy
2025-08-12 22:49:47 +08:00
commit c61274e3a8
12 changed files with 788 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
popup.html Normal file
View File

@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Proxy Switcher</title>
<link rel="stylesheet" href="popup.css" />
</head>
<body>
<div class="popup">
<header class="header">
<div class="title">
<span class="logo" aria-hidden="true"></span>
<h1>Proxy Switcher</h1>
</div>
</header>
<main class="main">
<section class="panel" role="region" aria-label="代理设置">
<label class="field">
<span class="field-label">代理配置</span>
<div class="row">
<div class="select">
<select id="profileSelect"></select>
<svg
class="chevron"
viewBox="0 0 24 24"
width="14"
height="14"
aria-hidden="true"
>
<path
d="M6 9l6 6 6-6"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<button id="applyBtn" class="text-btn">应用</button>
</div>
</label>
<!-- <div class="row">
<button id="resetBtn" class="text-btn" title="恢复默认配置">
重置配置
</button>
</div> -->
<div id="pacBlock" style="display: none">
<div class="row">
<input
id="pacUrl"
type="text"
placeholder="PAC URL，如 https://example.com/proxy.pac"
/>
<button id="savePac" class="text-btn">保存</button>
</div>
<div class="hint">当选择 PAC 模式时，可填写 PAC 文件地址。</div>
</div>
<div id="customBlock" style="display: none">
<div class="row">
<label class="field-label" style="min-width: 40px">协议</label>
<div class="select">
<select id="customScheme">
<option value="http">HTTP</option>
<option value="https">HTTPS</option>
<option value="socks5">SOCKS5</option>
<option value="socks4">SOCKS4</option>
</select>
<svg
class="chevron"
viewBox="0 0 24 24"
width="14"
height="14"
aria-hidden="true"
>
<path
d="M6 9l6 6 6-6"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</div>
<div class="row">
<input
id="customHost"
type="text"
placeholder="代理地址，如 127.0.0.1"
/>
<input
id="customPort"
type="number"
min="0"
max="65535"
placeholder="端口，如 7890"
/>
</div>
<div class="row">
<input
id="customBypass"
type="text"
placeholder="不走代理（逗号分隔），如 localhost, 127.0.0.1"
/>
<button id="saveCustom" class="text-btn">保存</button>
</div>
<!-- <div class="hint">
“自定义代理”会保存到本地，点击“应用”即可立即启用。
</div> -->
</div>
</section>
</main>
</div>
<script src="popup.js"></script>
</body>
</html>