实现同页浮窗应使用预置fixed定位div配合js控制显隐，而非window.open()；通过fetch加载内容并注入，注意脚本过滤、事件重绑、esc/遮罩/关闭按钮三重关闭机制及无障碍支持。
用 window.open() 实现同页浮窗，但别用默认新窗口
直接调用 window.open() 默认会开新标签页或新窗口，不是浮窗。要实现“当前页内浮窗”，本质是用 JavaScript 控制一个已存在的 <div> 显示/隐藏，而不是真的打开新页面。
<h3>浮窗结构必须提前写好，不能靠 <code>window.open() 动态生成
浏览器对 window.open() 的弹窗拦截非常严格，且无法控制其样式、位置、大小（尤其在移动端）。真实可行的方案是：HTML 里预置一个带 position: fixed 的 <div>，再用 JS 控制它显示内容和显隐状态。
<ul>
<li>把浮窗 DOM 放在 <code> 底部，避免被其他元素遮挡
display: none 或 visibility: hidden 初始隐藏（推荐 display: none）z-index 足够高（比如 9999），确保压在所有内容上tabindex="-1" 和 aria-modal="true" 提升可访问性点击链接时加载内容进浮窗，用 fetch() 而非 iframe
如果目标是展示另一个 HTML 页面片段（比如帮助文档、详情页），iframe 虽简单但有跨域限制、SEO 不友好、滚动行为难控制。更可控的方式是用 fetch() 获取 HTML 片段，再注入到浮窗 <div> 中。
<ul>
<li>链接需带 <code>data-url 属性，例如：@#@#@#@#@#@#@#@#@#@0
fetch() 请求该 URL，提取 <main></main> 或 <article></article> 内容（或整个 body.innerHTML）innerHTML = responseText.replace(/<script>]*>[\s\S]*?<\/script>/gi, '')</script>
关闭浮窗必须处理键盘和点击穿透，否则体验崩坏
用户按 Esc、点遮罩层、点右上角 ×，都该关闭浮窗。漏掉任意一种，都会让用户卡住。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 监听
keydown：当event.key === 'Escape'且浮窗可见时调用关闭函数 - 遮罩层（
<div class="modal-overlay">）点击事件需阻止冒泡，否则可能误触底层按钮 <li>关闭函数里务必清空浮窗内容（<code>innerHTML = ''），避免下次打开残留旧数据 - 若浮窗含表单，关闭前检查是否已修改，提示保存（这是常被跳过的交互细节） 浮窗看似简单，真正难的是边界情况：移动端 touch 事件穿透、屏幕阅读器焦点管理、history.state 同步、服务端返回 404 时的降级提示——这些不写进代码，用户第一次遇到就会觉得“这浮窗怎么关不掉”。
