panda
2784c5b36f
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.
63 lines
2.8 KiB
HTML
63 lines
2.8 KiB
HTML
<!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 |