PHP实时输出跨域iframe解决方法

作者：WarmHope 时间：2026-02-09 浏览：0

根本原因是浏览器基于X-Frame-Options和Content-Security-Policy的frame-ancestors策略拒绝跨域嵌入，而非CORS；服务端必须同时设置这两个响应头，且frame-ancestors不支持通配符或逗号分隔。

根本原因是浏览器基于X-Frame-Options和Content-Security-Policy的frame-ancestors策略拒绝跨域嵌入，而非CORS；服务端必须同时设置这两个响应头，且frame-ancestors不支持通配符或逗号分隔。

php实时输出iframe跨域咋办_php实时输出跨域iframe【教程】

PHP 输出内容到跨域 iframe 时浏览器直接拦截，根本原因是什么

不是 PHP 没输出，而是浏览器在加载 </code> 时，一旦目标页没显式声明 <code>Access-Control-Allow-Origin</code> 或未满足 iframe 嵌入策略，就直接拒绝渲染——哪怕 PHP 已经成功执行并返回了 HTML。关键点在于：<strong>iframe 跨域嵌入本身不触发 CORS 检查，但受 X-Frame-Options 和 Content-Security-Policy 的 frame-ancestors 控制；而 iframe 内 JS 尝试访问父页面或反之，则会触发跨域限制</strong>。</p> <H3>服务端必须加的两个响应头（缺一不可）</H3> <p>如果目标 PHP 文件（即 iframe 的 <code>src</code>）需要被其他域名嵌入，且你控制该服务端，必须在 PHP 中输出前设置：</p> <ul> <li><code>header('X-Frame-Options: ALLOW-FROM https://your-main-site.com');</code>（旧标准，部分浏览器已弃用）</li> <li><code>header("Content-Security-Policy: frame-ancestors https://your-main-site.com;");</code>（推荐，现代浏览器强制要求）</li> </ul> <p>注意：<code>frame-ancestors</code> 不支持通配符 <code>*</code> 配合 <code>https</code> 协议（即 <code>https://*</code> 无效），也不允许写多个域名用逗号分隔，只能空格分隔多个明确域名；若需兼容多来源，得动态判断 <code>$_SERVER['HTTP_ORIGIN']</code> 或 <code>$_SERVER['HTTP_REFERER']</code> 后拼接（但后者可伪造，仅作简单过滤）。</p> <H3>PHP 实时输出（flush）在 iframe 里失效的常见陷阱</H3> <p>即使跨域策略放行，<code>echo</code> + <code>flush()</code> + <code>ob_flush()</code> 在 iframe 中也常“卡住不动”，原因包括：</p> <ul> <li>Web <a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>（如 Nginx）默认启用 <code>proxy_buffering on</code>，会缓存整个响应体才发给浏览器；需在 location 块中加 <code>proxy_buffering off;</code></li> <li>PHP 的 <code>output_buffering</code> 开启（php.ini 中非 <code>0</code> 或 <code>Off</code>）会拦截所有 <code>flush()</code>；检查 <code>ini_get('output_buffering')</code>，必要时开头加 <code>@ini_set('output_buffering', 'Off');</code>（注意：CLI 下无效，且某些 SAPI 如 FPM 可能不完全支持）</li> <li>浏览器对 iframe 的流式解析不友好——它往往等待 <code></html></code> 或超时后才开始渲染，所以务必在输出中穿插 <code><script>parent.updateLog?.(data)</script></code> 类主动通信，而非依赖 DOM 自动刷新</li> </ul> <H3>替代方案：不用 iframe，改用 postMessage + fetch 更可控</H3> <p>如果只是想让主站实时获取子域/跨域 PHP 脚本的执行日志或进度，比 iframe 更可靠的做法是：</p> <ul> <li>PHP 后端提供一个纯数据接口（如 <code>/api/progress.php?task_id=abc</code>），返回 JSON 流或轮询结果</li> <li>主站前端用 <code>fetch()</code> 或 <code>EventSource</code>（仅同源或 CORS 显式允许）拉取</li> <li>若必须跨域且要双向通信，用 <code>window.postMessage()</code>：iframe 加载后，父页监听 <code>message</code>，iframe 内 PHP 渲染的 JS 主动调用 <code>parent.postMessage({type:'log', data:'xxx'}, 'https://your-main-site.com')</code></li> </ul> <p>这种方式绕开了 iframe 渲染生命周期和流式输出的不确定性，也避免了 header 设置遗漏导致的白屏问题。</p> <p>真正麻烦的从来不是 PHP 怎么 echo，而是浏览器怎么信你、<a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>怎么放行、前端怎么接住那条“还没结束”的数据流——每个环节断掉，用户看到的都只是空白 iframe。</p> </div> <span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/752370" title="思源笔记"><span>思源笔记</span></a> <span>2026-09-16 17:42</span> </div> <div class="otherarticles"> <a href="/news/767790" title="在线PDF转TXT操作步骤与乱码排查指南"><span>在线PDF转TXT操作步骤与乱码排查指南</span></a> <span>2026-09-04 13:02</span> </div> <div class="otherarticles"> <a href="/news/767772" title="PDF加水印后如何检查显示效果？在线工具操作步骤与避坑指南"><span>PDF加水印后如何检查显示效果？在线工具操作步骤与避坑指南</span></a> <span>2026-09-03 13:02</span> </div> <div class="otherarticles"> <a href="/news/767745" title="Xshell保持连接不断开及会话文件本地存储路径详解"><span>Xshell保持连接不断开及会话文件本地存储路径详解</span></a> <span>2026-09-03 06:02</span> </div> <div class="otherarticles"> <a href="/news/767740" title="两个PDF怎么合并成一个？在线合并后怎么检查顺序？"><span>两个PDF怎么合并成一个？在线合并后怎么检查顺序？</span></a> <span>2026-09-02 20:00</span> </div> </div> </div> <div class="article_card_class"> <a href="/newslist/313_1" title="编程开发">编程开发</a> </div> <div class="article_nearby"> <div> <span>上一篇：</span> <a href="/news/577060" title="X浏览器海外版无法播放视频怎么办？" class="woh">X浏览器海外版无法播放视频怎么办？</a> </div> <div> <span>下一篇：</span> <a href="/news/768107" title="Photoshop修图师需要学什么？技能与常用软件介绍" class="woh">Photoshop修图师需要学什么？技能与常用软件介绍</a> </div> </div> <div class="article_related"> <div class="index_title flexBox"> <span>相关文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="article_relatedM swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/768104" title="genspark ai developer 2.0使用教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260922/4391c5ae74e4394736fb7b4f8cbd4b7d.webp" src="/static/m/images/moren.png" alt="genspark ai developer 2.0使用教程" class="oimg" /></a> <div> <a href="/news/768104" title="genspark ai developer 2.0使用教程" class="indexMain4Ms_title poh">genspark ai developer 2.0使用教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/3096_1" title="AI开发">AI开发</a> <a href="/newslist/15075_1" title="全栈开发">全栈开发</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768103" title="langgraph agent流式加streamlit实现流式输出教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260922/89059b8ff612971b317c5183dd81ea66.webp" src="/static/m/images/moren.png" alt="langgraph agent流式加streamlit实现流式输出教程" class="oimg" /></a> <div> <a href="/news/768103" title="langgraph agent流式加streamlit实现流式输出教程" class="indexMain4Ms_title poh">langgraph agent流式加streamlit实现流式输出教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/18742_1" title="Python开发">Python开发</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768100" title="讯飞星火认知大模型能用多久？免费使用期限说明" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260922/e6f10395209e89242a5f132151768ab7.webp" src="/static/m/images/moren.png" alt="讯飞星火认知大模型能用多久？免费使用期限说明" class="oimg" /></a> <div> <a href="/news/768100" title="讯飞星火认知大模型能用多久？免费使用期限说明" class="indexMain4Ms_title poh">讯飞星火认知大模型能用多久？免费使用期限说明</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/11433_1" title="讯飞星火">讯飞星火</a> <a href="/newslist/12038_1" title="API调用">API调用</a> </div> <span>09.22</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260921/325ccf3014afc452a22900e0a9d1850e.webp" src="/static/m/images/moren.png" alt="C++动态数组初始化怎么写？常用语句与代码示例" class="oimg" /></a> <div> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="indexMain4Ms_title poh">C++动态数组初始化怎么写？常用语句与代码示例</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7360_1" title="内存管理">内存管理</a> <a href="/newslist/7937_1" title="C++">C++</a> <a href="/newslist/35514_1" title="动态数组">动态数组</a> </div> <span>09.21</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605885655125.webp" src="/static/m/images/moren.png" alt="using namespace 使用中遇到的问题怎么解决" class="oimg" /></a> <div> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="indexMain4Ms_title poh">using namespace 使用中遇到的问题怎么解决</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736199" title="c语言函数递归实操经验总结：这些技巧很实用" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605879214771.webp" src="/static/m/images/moren.png" alt="c语言函数递归实操经验总结：这些技巧很实用" class="oimg" /></a> <div> <a href="/news/736199" title="c语言函数递归实操经验总结：这些技巧很实用" class="indexMain4Ms_title poh">c语言函数递归实操经验总结：这些技巧很实用</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/736198" title="c语言函数递归怎么选？常见方案对比分析" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605874187563.webp" src="/static/m/images/moren.png" alt="c语言函数递归怎么选？常见方案对比分析" class="oimg" /></a> <div> <a href="/news/736198" title="c语言函数递归怎么选？常见方案对比分析" class="indexMain4Ms_title poh">c语言函数递归怎么选？常见方案对比分析</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605862499192.webp" src="/static/m/images/moren.png" alt="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="oimg" /></a> <div> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="indexMain4Ms_title poh">Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605861766536.webp" src="/static/m/images/moren.png" alt="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="oimg" /></a> <div> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="indexMain4Ms_title poh">如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605861197821.webp" src="/static/m/images/moren.png" alt="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="oimg" /></a> <div> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="indexMain4Ms_title poh">深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> </div> <div class="article_relatedM_pagination"></div> </div> </div> <div class="indexMain4R1"> <div class="index_title flexBox"> <span>热门文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="indexMain4R1M"> <a href="/news/561233" title="Yandex中文入口及登录使用全攻略" class=""><span class="woh">Yandex中文入口及登录使用全攻略</span></a> <a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span class="woh">51漫画高清入口及最新章节更新</span></a> <a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span class="woh">B站免费入口永久有效网址推荐</span></a> <a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span class="woh">58动漫网入口及永久访问方法</span></a> <a href="/news/573074" title="蓝海书屋免费小说全本阅读推荐入口" class=""><span class="woh">蓝海书屋免费小说全本阅读推荐入口</span></a> <a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span class="woh">B站免费入口网站高效连接方法</span></a> <a href="/news/559231" title="高德地图开启海拔显示方法" class=""><span class="woh">高德地图开启海拔显示方法</span></a> </div> </div> <div class="indexMain4R2"> <div class="index_title flexBox"> <span>精品专题</span> <a href="/newslist/tag_1" title="更多">更多</a> </div> <div class="indexMain4R2M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/141356_1" title="装机必备"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/141356_1" title="装机必备" class="woh">装机必备</a> <p class="poh">正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/2909_1" title="Windows"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/2909_1" title="Windows" class="woh">Windows</a> <p class="poh">正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3169_1" title="macOS软件" class="woh">macOS软件</a> <p class="poh">正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/4170_1" title="IOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/13f53c6f8a73cfddb8e967fc48566618.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/4170_1" title="IOS软件" class="woh">IOS软件</a> <p class="poh">正软商城iOS软件专区，精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用，提供功能介绍、适用设备、系统要求和正版获取方式等信息。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3110_1" title="AI"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/10188ccb49192fe36d1dff693e4cf0f3.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3110_1" title="AI" class="woh">AI</a> <p class="poh">正软商城AI软件专区，汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具，提供功能介绍、适用平台、收费方式及正版购买信息。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/340_1" title="PDF教程"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260920/178986704893123.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/340_1" title="PDF教程" class="woh">PDF教程</a> <p class="poh">PDF教程适合刚接触PDF文件的用户,本文整理PDF打开、编辑、转换、合并、压缩等常见基础操作。通过这些教程可以快速了解PDF文件怎么处理,解决办公、学习和资料科整理中的常见问题。使用极轻PDF可在线完成多种PDF操作，适合新手快速上手。</p> </div> </div> </div> </div> <div class="indexMain4R2M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>Mac软件</span> <a href="/newslist/3169_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697900269097.png" src="/static/m/images/moren.png" alt="灵活计算器" class="oimg" /></a> <div> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_title woh">灵活计算器</a> <p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697957425469.png" src="/static/m/images/moren.png" alt="赤友清理大师" class="oimg" /></a> <div> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_title woh">赤友清理大师</a> <p class="woh">赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752368" title="极度公式" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_title woh">极度公式</a> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/4040_1" title="Linux">Linux</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752364" title="图几" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697993544041.png" src="/static/m/images/moren.png" alt="图几" class="oimg" /></a> <div> <a href="/news/752364" title="图几" class="indexMain3Ms_title woh">图几</a> <p class="woh">图几是一款适用于 macOS 的截图、标注与美化工具，支持离线操作保障隐私。界面整理和高频系统操作被放到一起考虑，桌面或窗口内容一多时，管理起来会更省心。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752364" title="图几" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png" alt="密码键盘" class="oimg" /></a> <div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_title woh">密码键盘</a> <p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png" alt="思源笔记" class="oimg" /></a> <div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_title woh">思源笔记</a> <p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png" alt="Office 365 简体中文" class="oimg" /></a> <div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_title woh">Office 365 简体中文</a> <p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p> </div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png" alt="WALTR PRO" class="oimg" /></a> <div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_title woh">WALTR PRO</a> <p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png" alt="CodeExpander" class="oimg" /></a> <div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_title woh">CodeExpander</a> <p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png" alt="Mountain Duck" class="oimg" /></a> <div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_title woh">Mountain Duck</a> <p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752366" title="Menuist" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698002923916.png" src="/static/m/images/moren.png" alt="Menuist" class="oimg" /></a> <div> <a href="/news/752366" title="Menuist" class="indexMain3Ms_title woh">Menuist</a> <p class="woh">Menuist 是一款面向 macOS 的 Finder 右键菜单增强工具，主要用来补充新建文件、快捷导航等常用操作，让日常文件管理和访问路径时更高效、更顺手。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752366" title="Menuist" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752365" title="Mole" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697997167385.png" src="/static/m/images/moren.png" alt="Mole" class="oimg" /></a> <div> <a href="/news/752365" title="Mole" class="indexMain3Ms_title woh">Mole</a> <p class="woh">Mole 是一款专为 Mac 设计的深度清理优化工具，涵盖缓存清理、应用管理及实时状态监控等功能。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752365" title="Mole" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>WINDOWS</span> <a href="/newslist/2909_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697951292792.png" src="/static/m/images/moren.png" alt="Windows 10" class="oimg" /></a> <div> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_title woh">Windows 10</a> <p class="woh">Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2854_1" title="Windows 10">Windows 10</a> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/4041_1" title="操作系统">操作系统</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752368" title="极度公式" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_title woh">极度公式</a> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/4040_1" title="Linux">Linux</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png" alt="密码键盘" class="oimg" /></a> <div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_title woh">密码键盘</a> <p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png" alt="思源笔记" class="oimg" /></a> <div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_title woh">思源笔记</a> <p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698084562365.png" src="/static/m/images/moren.png" alt="傲梅轻松备份" class="oimg" /></a> <div> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_title woh">傲梅轻松备份</a> <p class="woh">傲梅轻松备份是一款专业易用的数据备份软件，为重要数据提供安全保障。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png" alt="Office 365 简体中文" class="oimg" /></a> <div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_title woh">Office 365 简体中文</a> <p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p> </div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698079880102.png" src="/static/m/images/moren.png" alt="Wise Folder Hider Pro" class="oimg" /></a> <div> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_title woh">Wise Folder Hider Pro</a> <p class="woh">Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png" alt="WALTR PRO" class="oimg" /></a> <div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_title woh">WALTR PRO</a> <p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png" alt="CodeExpander" class="oimg" /></a> <div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_title woh">CodeExpander</a> <p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752374" title="PinStack" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698043220915.png" src="/static/m/images/moren.png" alt="PinStack" class="oimg" /></a> <div> <a href="/news/752374" title="PinStack" class="indexMain3Ms_title woh">PinStack</a> <p class="woh">PinStack是一款轻量级的Windows平台剪贴板管理工具，优化您的剪贴板使用体验。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752374" title="PinStack" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png" alt="Mountain Duck" class="oimg" /></a> <div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_title woh">Mountain Duck</a> <p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752371" title="Seer" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698026310735.png" src="/static/m/images/moren.png" alt="Seer" class="oimg" /></a> <div> <a href="/news/752371" title="Seer" class="indexMain3Ms_title woh">Seer</a> <p class="woh">Seer是一款在Win平台下的空格键功能增强效率工具，只需轻敲空格键，就能预览几乎任何格式的文件。它更适合把零散的小功能集中起来使用，处理高频琐碎任务时会更省事。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752371" title="Seer" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer2"> <p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com</p> <p>Copyright ©2018-2026</p> </div> </footer>  <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '36']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script>  </body> <script src="/static/m/layui/layui.all.js"></script> <script src="/static/m/swiper/swiper-bundle.min.js"></script> <script src="/static/m/js/common.js?23"></script> <script> let redirectUrl = ''; function showConfirmModal(url) { redirectUrl = url; document.querySelector('.goto_url').textContent = redirectUrl; document.getElementById('confirmModal').style.display = 'flex'; } function hideConfirmModal() { document.getElementById('confirmModal').style.display = 'none'; } function confirmRedirect() { if (redirectUrl) { window.open(redirectUrl, '_blank'); } hideConfirmModal(); } document.getElementById('confirmModal').addEventListener('click', function (e) { if (e.target === this) { hideConfirmModal(); } }); </script> </html>