fix: iframe link click - add allow-popups, use target=_blank

Previous fix injected base target=_top but the sandbox attribute lacked allow-top-navigation, so the browser blocked link clicks and the user had to Ctrl+Click as a workaround. Fix: sandbox allow-same-origin allow-popups + base target=_blank. Links now open in new tab (better UX, no content loss). Also fix deploy/rebuild.ps1 to read jar from target/ instead of deleted deploy/baota/. Add agent_test/ scripts: create_7_test_projects, upload_test_html, manual_package.
This commit is contained in:
2026-06-03 22:32:06 +08:00
parent afcd18c54f
commit 2784c5b36f
7 changed files with 300 additions and 15 deletions
+63
View File
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>链接跳转测试报告</title>
<style>
body { font-family: -apple-system, system-ui, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; color: #1a1a1a; }
h1 { color: #FF7A45; border-bottom: 3px solid #FF7A45; padding-bottom: 8px; }
h2 { color: #1a1a1a; margin-top: 32px; }
.test-box { background: #FFF7E6; border-left: 4px solid #FF7A45; padding: 12px 16px; margin: 12px 0; border-radius: 8px; }
a { color: #FF7A45; text-decoration: underline; font-weight: 500; }
a:hover { color: #1a1a1a; }
.info { background: #f0f0f0; padding: 8px 12px; border-radius: 6px; font-size: 14px; color: #555; }
</style>
</head>
<body>
<h1>HTML 链接跳转测试</h1>
<p class="info">
<strong>测试目标:</strong>验证在 iframe 中点击链接,<strong>不需要 Ctrl+点击</strong>,链接应该正常打开。
</p>
<h2>1. 外部链接(应该打开新标签)</h2>
<div class="test-box">
<p><a href="https://www.google.com" target="_blank">Google</a> —— 普通外部链接</p>
<p><a href="https://github.com" target="_blank">GitHub</a> —— 另一个外部链接</p>
<p><a href="https://www.bing.com" target="_self">Bing</a> —— 强制 target=_self(应该走 base 默认行为)</p>
</div>
<h2>2. 不同 target 行为对比</h2>
<div class="test-box">
<p><a href="https://www.baidu.com" target="_blank">→ target="_blank"(新标签)</a></p>
<p><a href="https://www.zhihu.com" target="_self">→ target="_self"iframe 内)</a></p>
<p><a href="https://www.example.com">→ 无 target(继承 base,默认新标签)</a></p>
</div>
<h2>3. 锚点链接(页面内跳转)</h2>
<div class="test-box">
<p><a href="#section-bottom">跳到页面底部</a></p>
<p><a href="#section-middle">跳到中间部分</a></p>
</div>
<h2 id="section-middle">中间部分(锚点目标 1</h2>
<p>这里是页面的中间部分。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<h2>4. 相对路径链接</h2>
<div class="test-box">
<p><a href="/">→ 根路径</a></p>
<p><a href="./other-page">→ 当前目录</a></p>
<p><a href="../parent">→ 父目录</a></p>
</div>
<h2>5. 邮件链接</h2>
<div class="test-box">
<p><a href="mailto:test@example.com">发送邮件给 test@example.com</a></p>
</div>
<h2 id="section-bottom">页面底部(锚点目标 2</h2>
<p>恭喜你滚动到了底部。所有链接测试完成!</p>
<p><a href="#">↑ 回到顶部</a></p>
</body>
</html