Files
flow2api/extension/options.html
2026-04-30 06:06:47 -04:00

98 lines
2.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flow2API Captcha Worker Settings</title>
<style>
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: #f7f8fa;
color: #111827;
}
.wrap {
max-width: 720px;
margin: 0 auto;
padding: 24px;
}
.panel {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 20px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
h1 {
font-size: 20px;
margin: 0 0 8px;
}
p {
color: #4b5563;
line-height: 1.5;
}
label {
display: block;
margin: 16px 0 8px;
font-weight: 600;
}
input {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #d1d5db;
border-radius: 10px;
font-size: 14px;
}
button {
margin-top: 18px;
border: 0;
border-radius: 10px;
background: #111827;
color: #fff;
padding: 10px 16px;
font-size: 14px;
cursor: pointer;
}
.hint {
margin-top: 12px;
font-size: 13px;
color: #6b7280;
}
.status {
margin-top: 12px;
min-height: 20px;
font-size: 13px;
color: #065f46;
}
code {
background: #f3f4f6;
border-radius: 6px;
padding: 1px 6px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="panel">
<h1>Flow2API Captcha Worker</h1>
<p>给当前浏览器实例设置一个独立的路由键Flow2API 后端就能把对应账号的验证码请求固定发到这个实例。</p>
<label for="routeKey">Route Key</label>
<input id="routeKey" type="text" placeholder="例如 9223">
<label for="clientLabel">Client Label</label>
<input id="clientLabel" type="text" placeholder="例如 browser-9223">
<label for="serverUrl">WebSocket URL</label>
<input id="serverUrl" type="text" placeholder="ws://127.0.0.1:8000/captcha_ws">
<button id="saveBtn" type="button">保存</button>
<div class="status" id="status"></div>
<div class="hint">管理台 token 里填写同样的 <code>Route Key</code>,比如 9223 对 9223。</div>
</div>
</div>
<script src="options.js"></script>
</body>
</html>