344 lines
13 KiB
HTML
344 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>🔧 强制刷新浏览器缓存 - 立即执行</title>
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||
max-width: 900px;
|
||
margin: 40px auto;
|
||
padding: 20px;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: #fff;
|
||
}
|
||
.container {
|
||
background: rgba(255, 255, 255, 0.95);
|
||
color: #333;
|
||
padding: 40px;
|
||
border-radius: 20px;
|
||
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
||
}
|
||
h1 {
|
||
color: #e74c3c;
|
||
font-size: 32px;
|
||
margin-bottom: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 15px;
|
||
}
|
||
.emoji {
|
||
font-size: 48px;
|
||
}
|
||
.error-box {
|
||
background: #fee;
|
||
border-left: 4px solid #e74c3c;
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
border-radius: 8px;
|
||
}
|
||
.error-box code {
|
||
background: #fff;
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
color: #e74c3c;
|
||
font-weight: bold;
|
||
}
|
||
.solution-box {
|
||
background: #e8f5e9;
|
||
border-left: 4px solid #4caf50;
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
border-radius: 8px;
|
||
}
|
||
.step {
|
||
background: #fff;
|
||
padding: 25px;
|
||
margin: 15px 0;
|
||
border-radius: 12px;
|
||
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
||
border-left: 5px solid #667eea;
|
||
}
|
||
.step h3 {
|
||
color: #667eea;
|
||
margin-top: 0;
|
||
font-size: 20px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
.step-number {
|
||
background: #667eea;
|
||
color: white;
|
||
width: 35px;
|
||
height: 35px;
|
||
border-radius: 50%;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
}
|
||
.keyboard {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 5px;
|
||
background: #f5f5f5;
|
||
padding: 8px 15px;
|
||
border-radius: 8px;
|
||
font-family: monospace;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
border: 2px solid #ddd;
|
||
margin: 5px 0;
|
||
}
|
||
.key {
|
||
background: white;
|
||
padding: 5px 12px;
|
||
border-radius: 5px;
|
||
border: 2px solid #999;
|
||
box-shadow: 0 2px 0 #999;
|
||
font-size: 14px;
|
||
}
|
||
.platform {
|
||
background: #fff3cd;
|
||
border-left: 4px solid #ffc107;
|
||
padding: 15px 20px;
|
||
margin: 15px 0;
|
||
border-radius: 8px;
|
||
}
|
||
.platform h4 {
|
||
margin-top: 0;
|
||
color: #856404;
|
||
font-size: 18px;
|
||
}
|
||
.warning {
|
||
background: #fff3cd;
|
||
border-left: 4px solid #ff9800;
|
||
padding: 15px 20px;
|
||
margin: 20px 0;
|
||
border-radius: 8px;
|
||
}
|
||
.success {
|
||
background: #d4edda;
|
||
border-left: 4px solid #28a745;
|
||
padding: 15px 20px;
|
||
margin: 20px 0;
|
||
border-radius: 8px;
|
||
color: #155724;
|
||
}
|
||
ul {
|
||
line-height: 1.8;
|
||
}
|
||
code {
|
||
background: #f5f5f5;
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
font-family: monospace;
|
||
color: #e74c3c;
|
||
}
|
||
.highlight {
|
||
background: #ffeb3b;
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
font-weight: bold;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>
|
||
<span class="emoji">🔧</span>
|
||
强制刷新浏览器缓存
|
||
</h1>
|
||
<p style="font-size: 18px; color: #666;">解决 ERR_CONNECTION_REFUSED 错误</p>
|
||
|
||
<div class="error-box">
|
||
<h3>❌ 当前错误</h3>
|
||
<p><code>Failed to load resource: net::ERR_CONNECTION_REFUSED</code></p>
|
||
<p><strong>原因：</strong>浏览器缓存了旧版本的代码，导致连接被拒绝。</p>
|
||
</div>
|
||
|
||
<div class="solution-box">
|
||
<h3>✅ 解决方案：强制刷新（硬刷新）</h3>
|
||
<p>硬刷新会清除浏览器缓存并重新加载所有资源</p>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<h3>
|
||
<span class="step-number">1</span>
|
||
Windows / Linux 用户
|
||
</h3>
|
||
<div class="platform">
|
||
<h4>🪟 Chrome / Edge / Firefox</h4>
|
||
<div class="keyboard">
|
||
<span class="key">Ctrl</span> + <span class="key">Shift</span> + <span class="key">R</span>
|
||
</div>
|
||
<p style="margin: 10px 0 5px 0;">或者</p>
|
||
<div class="keyboard">
|
||
<span class="key">Ctrl</span> + <span class="key">F5</span>
|
||
</div>
|
||
<p style="margin-top: 15px; color: #666;">
|
||
<strong>操作步骤：</strong><br>
|
||
1. 确保浏览器窗口处于激活状态<br>
|
||
2. 同时按住 <span class="highlight">Ctrl + Shift + R</span><br>
|
||
3. 等待页面完全重新加载
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<h3>
|
||
<span class="step-number">2</span>
|
||
Mac 用户
|
||
</h3>
|
||
<div class="platform">
|
||
<h4>🍎 Chrome / Edge</h4>
|
||
<div class="keyboard">
|
||
<span class="key">Cmd</span> + <span class="key">Shift</span> + <span class="key">R</span>
|
||
</div>
|
||
<p style="margin-top: 15px; color: #666;">
|
||
<strong>操作步骤：</strong><br>
|
||
1. 确保浏览器窗口处于激活状态<br>
|
||
2. 同时按住 <span class="highlight">⌘ + Shift + R</span><br>
|
||
3. 等待页面完全重新加载
|
||
</p>
|
||
</div>
|
||
|
||
<div class="platform" style="margin-top: 15px;">
|
||
<h4>🦊 Firefox (Mac)</h4>
|
||
<div class="keyboard">
|
||
<span class="key">Cmd</span> + <span class="key">Shift</span> + <span class="key">R</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="platform" style="margin-top: 15px;">
|
||
<h4>🧭 Safari</h4>
|
||
<div class="keyboard">
|
||
<span class="key">Cmd</span> + <span class="key">Option</span> + <span class="key">R</span>
|
||
</div>
|
||
<p style="margin-top: 10px; color: #666;">
|
||
或者先按 <span class="highlight">Cmd + R</span>，然后立即按住 <span class="highlight">Shift</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<h3>
|
||
<span class="step-number">3</span>
|
||
备选方案：清空缓存并硬刷新
|
||
</h3>
|
||
<div class="platform">
|
||
<h4>🔧 适用于所有浏览器</h4>
|
||
<ol style="line-height: 2;">
|
||
<li>打开开发者工具：
|
||
<ul>
|
||
<li>Windows/Linux: <span class="highlight">F12</span> 或 <span class="highlight">Ctrl + Shift + I</span></li>
|
||
<li>Mac: <span class="highlight">Cmd + Option + I</span></li>
|
||
</ul>
|
||
</li>
|
||
<li><strong>右键点击</strong>浏览器的刷新按钮 🔄（地址栏左侧）</li>
|
||
<li>在弹出菜单中选择 <span class="highlight">"清空缓存并硬性重新加载"</span></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<h3>
|
||
<span class="step-number">4</span>
|
||
终极方案：手动清除所有缓存
|
||
</h3>
|
||
<div class="platform">
|
||
<h4>🧹 Chrome / Edge</h4>
|
||
<ol style="line-height: 2;">
|
||
<li>按 <span class="highlight">Ctrl + Shift + Delete</span> (Mac: <span class="highlight">Cmd + Shift + Delete</span>)</li>
|
||
<li>在弹出窗口中：
|
||
<ul>
|
||
<li>时间范围：选择 <span class="highlight">"时间不限"</span></li>
|
||
<li>勾选：<span class="highlight">✓ 缓存的图片和文件</span></li>
|
||
<li>勾选：<span class="highlight">✓ Cookie 及其他网站数据</span></li>
|
||
</ul>
|
||
</li>
|
||
<li>点击 <span class="highlight">"清除数据"</span></li>
|
||
<li>关闭浏览器，重新打开</li>
|
||
<li>重新访问应用</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="warning">
|
||
<h3>⚠️ 注意事项</h3>
|
||
<ul>
|
||
<li>硬刷新后，页面加载可能需要比平时更长的时间</li>
|
||
<li>如果清除了 Cookie，可能需要重新登录</li>
|
||
<li>确保开发服务器正在运行（如果是本地开发）</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="success">
|
||
<h3>✅ 验证修复成功</h3>
|
||
<p>刷新后，您应该看到：</p>
|
||
<ul>
|
||
<li>✓ 页面正常加载，没有 ERR_CONNECTION_REFUSED 错误</li>
|
||
<li>✓ AI作物模型精准决策系统正常显示</li>
|
||
<li>✓ 模型服务管理页面顶部没有 SDK 和 API 文档按钮</li>
|
||
<li>✓ 所有复制功能正常工作，没有剪贴板警告</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<h3>
|
||
<span class="step-number">5</span>
|
||
仍然无法解决？
|
||
</h3>
|
||
<div class="platform">
|
||
<h4>🔍 进一步排查</h4>
|
||
<ol style="line-height: 2;">
|
||
<li>检查浏览器控制台（F12）是否有其他错误信息</li>
|
||
<li>尝试使用无痕/隐私模式打开（Ctrl + Shift + N / Cmd + Shift + N）</li>
|
||
<li>尝试使用不同的浏览器</li>
|
||
<li>检查是否有防火墙或安全软件阻止连接</li>
|
||
<li>如果是本地开发，确认开发服务器端口没有被占用</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 10px; text-align: center;">
|
||
<h3 style="color: #667eea; margin-top: 0;">📋 快速参考</h3>
|
||
<table style="width: 100%; border-collapse: collapse; margin-top: 20px;">
|
||
<tr style="background: #667eea; color: white;">
|
||
<th style="padding: 12px; text-align: left; border-radius: 8px 0 0 0;">平台</th>
|
||
<th style="padding: 12px; text-align: left;">浏览器</th>
|
||
<th style="padding: 12px; text-align: left; border-radius: 0 8px 0 0;">快捷键</th>
|
||
</tr>
|
||
<tr style="background: white;">
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;">Windows/Linux</td>
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;">Chrome/Edge/Firefox</td>
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Ctrl + Shift + R</strong></td>
|
||
</tr>
|
||
<tr style="background: #f8f9fa;">
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;">Mac</td>
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;">Chrome/Edge/Firefox</td>
|
||
<td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Cmd + Shift + R</strong></td>
|
||
</tr>
|
||
<tr style="background: white;">
|
||
<td style="padding: 12px;">Mac</td>
|
||
<td style="padding: 12px;">Safari</td>
|
||
<td style="padding: 12px;"><strong>Cmd + Option + R</strong></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div style="margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; text-align: center;">
|
||
<h2 style="margin-top: 0;">🎯 立即行动</h2>
|
||
<p style="font-size: 20px; margin: 10px 0;">现在就按下快捷键：</p>
|
||
<div style="font-size: 32px; font-weight: bold; margin: 20px 0; font-family: monospace;">
|
||
Ctrl + Shift + R
|
||
</div>
|
||
<p style="font-size: 14px; opacity: 0.9;">(Mac 用户: Cmd + Shift + R)</p>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|