first commit
This commit is contained in:
@@ -0,0 +1,209 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>雪球 Cookie 复制</title>
|
||||
<style>
|
||||
body {
|
||||
font: 13px/1.5 -apple-system, "Segoe UI", "PingFang SC", sans-serif;
|
||||
margin: 0;
|
||||
padding: 12px 14px;
|
||||
width: 380px;
|
||||
background: #fafbfc;
|
||||
color: #1f2328;
|
||||
}
|
||||
h1 {
|
||||
font-size: 14px;
|
||||
margin: 0 0 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
h1::before {
|
||||
content: "❄";
|
||||
color: #2563eb;
|
||||
}
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.row label {
|
||||
font-size: 11px;
|
||||
color: #57606a;
|
||||
margin-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
||||
font-size: 11px;
|
||||
padding: 5px 7px;
|
||||
background: #f6f8fa;
|
||||
border: 1px solid #d0d7de;
|
||||
border-radius: 5px;
|
||||
word-break: break-all;
|
||||
max-height: 60px;
|
||||
overflow: auto;
|
||||
}
|
||||
.val.empty {
|
||||
color: #b91c1c;
|
||||
background: #fef2f2;
|
||||
border-color: #fecaca;
|
||||
}
|
||||
textarea.val {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
resize: vertical;
|
||||
min-height: 38px;
|
||||
}
|
||||
.btn-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 6px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.btn-row.full {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
button {
|
||||
padding: 7px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
background: #2563eb;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
button.secondary {
|
||||
background: #fff;
|
||||
color: #1f2328;
|
||||
border: 1px solid #d0d7de;
|
||||
}
|
||||
button:disabled {
|
||||
background: #94a3b8;
|
||||
border-color: #94a3b8;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
#msg {
|
||||
margin-top: 8px;
|
||||
padding: 6px 8px;
|
||||
font-size: 11px;
|
||||
border-radius: 5px;
|
||||
display: none;
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
#msg.ok {
|
||||
background: #ecfdf5;
|
||||
color: #047857;
|
||||
display: block;
|
||||
}
|
||||
#msg.err {
|
||||
background: #fef2f2;
|
||||
color: #b91c1c;
|
||||
display: block;
|
||||
}
|
||||
#msg.info {
|
||||
background: #eff6ff;
|
||||
color: #1d4ed8;
|
||||
display: block;
|
||||
}
|
||||
.hint {
|
||||
font-size: 11px;
|
||||
color: #6b7280;
|
||||
margin-top: 8px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.hint a {
|
||||
color: #2563eb;
|
||||
text-decoration: none;
|
||||
}
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px solid #e5e7eb;
|
||||
margin: 10px 0;
|
||||
}
|
||||
#debug {
|
||||
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
||||
font-size: 10px;
|
||||
line-height: 1.45;
|
||||
color: #4b5563;
|
||||
background: #f9fafb;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 5px;
|
||||
padding: 6px 8px;
|
||||
margin-top: 8px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
max-height: 180px;
|
||||
overflow: auto;
|
||||
}
|
||||
details > summary {
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
color: #6b7280;
|
||||
margin-top: 6px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>雪球 Cookie 复制</h1>
|
||||
|
||||
<div class="row">
|
||||
<label>xq_a_token</label>
|
||||
<div id="xq-val" class="val empty">未读取</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label>u</label>
|
||||
<div id="u-val" class="val empty">未读取</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<label>组合字符串</label>
|
||||
<textarea id="combined-val" class="val" readonly>未读取</textarea>
|
||||
</div>
|
||||
|
||||
<div class="btn-row full">
|
||||
<button id="copy-combined">复制组合字符串</button>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<button id="copy-env" class="secondary">复制 .env 行</button>
|
||||
<button id="copy-xq" class="secondary">仅 xq_a_token</button>
|
||||
</div>
|
||||
<div class="btn-row full">
|
||||
<button id="reload-btn" class="secondary">🔄 重新读取</button>
|
||||
</div>
|
||||
|
||||
<div id="msg"></div>
|
||||
|
||||
<details>
|
||||
<summary>调试信息（点开看）</summary>
|
||||
<div id="debug">加载中…</div>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>手动粘贴（兜底）</summary>
|
||||
<p style="font-size: 11px; color: #6b7280; margin: 6px 0;">
|
||||
如果自动读不到：打开 xueqiu.com 页面 → F12 → Network → 任意请求 → Request Headers → 复制 <code>Cookie</code> 字段整行 → 粘到下面 → 点「提取」。
|
||||
</p>
|
||||
<textarea
|
||||
id="manual-textarea"
|
||||
class="val"
|
||||
style="width: 100%; box-sizing: border-box; min-height: 60px; font-size: 11px;"
|
||||
placeholder="xq_a_token=xxx; u=yyy; device_id=zzz; ..."
|
||||
></textarea>
|
||||
<button id="use-manual" class="secondary" style="margin-top: 6px;">从粘贴内容提取</button>
|
||||
</details>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="hint">
|
||||
用法：<br />
|
||||
1) 在 Chrome 登录过 <a href="https://xueqiu.com/" target="_blank">xueqiu.com</a>（一次即可）<br />
|
||||
2) 打开此弹窗 → 选格式 → 一键复制<br />
|
||||
3) 粘到 <code>.env</code> / dashboard / 任何你需要的地方
|
||||
</div>
|
||||
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user