Selenium 批量操作动态元素技巧

本文介绍在 Selenium（Java）中高效处理具有相同属性但索引递增的多个元素（如 //textarea[@placeholder='text'][1] 到 [100]），无需硬编码 XPath 索引，而是通过一次性定位全部匹配元素并循环操作。

本文介绍在 Selenium（Java）中高效处理具有相同属性但索引递增的多个元素（如 `//textarea[@placeholder='text'][1]` 到 `[100]`），无需硬编码 XPath 索引，而是通过一次性定位全部匹配元素并循环操作。

在实际 Web 自动化测试中，常遇到一类结构相似、仅靠位置索引（如 [1], [2], … [n]）区分的重复元素——例如页面中动态渲染出的多个 。若机械地拼接字符串生成 (//textarea[@placeholder='text'])[i] 并在 for 循环中逐个查找，不仅代码冗余、性能低下（每次触发一次 DOM 查询），还极易因元素加载顺序或动态变更导致 NoSuchElementException。</p><p><strong>推荐做法：使用 findElements() 一次性获取所有匹配元素列表，再遍历操作。</strong><br /> 该方式语义清晰、执行高效，且天然规避索引越界与查找失败风险：</p><pre class="brush:php;toolbar:false">// 定位所有满足条件的 textarea 元素（返回 List<WebElement>） List<WebElement> textAreas = driver.findElements(By.xpath("//textarea[@placeholder='text']")); // 遍历每个元素并输入文本 for (WebElement area : textAreas) { area.clear(); // 建议先清空，避免残留内容 area.sendKeys("Hello, Selenium!"); }</pre><p>✅ <strong>优势说明：</strong> </p><ul><li>✅ <strong>零索引管理</strong>：无需关心 [1] 还是 [100]，Selenium 自动按 DOM 顺序返回所有匹配项； </li><li>✅ <strong>强健性高</strong>：即使页面只渲染出 5 个元素，textAreas.size() 就是 5，循环自然终止； </li><li>✅ <strong>性能更优</strong>：仅一次 XPath 解析与 DOM 遍历，远优于 100 次独立 findElement() 调用。</li></ul><p>⚠️ <strong>注意事项：</strong> </p><ul><li>若元素为懒加载或需等待出现，请配合 WebDriverWait + ExpectedConditions.presenceOfAllElementsLocatedBy() 使用； </li><li>对于需差异化输入的场景（如每项填不同内容），可结合 for (int i = 0; i < textAreas.size(); i++) 使用索引访问对应数据； </li><li>避免在循环内反复调用 driver.findElements(...) —— 这将重复查询，违背初衷。</li></ul><p>总结：面对“索引递增”的同类元素，<strong>放弃字符串拼接 XPath，拥抱 findElements() + 增强 for 循环</strong>，是简洁、稳定、符合 Selenium 最佳实践的标准解法。</p> </div> <span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/768159" title="Photoshop抠图教程详细步骤图解：新手入门常用方法与技巧"><span>Photoshop抠图教程详细步骤图解：新手入门常用方法与技巧</span></a> <span>2026-09-22 14:38</span> </div> <div class="otherarticles"> <a href="/news/752356" title="Windows 10"><span>Windows 10</span></a> <span>2026-09-16 17:44</span> </div> <div class="otherarticles"> <a href="/news/768063" title="Python安装后怎么打开：使用IDLE或命令行启动解释器"><span>Python安装后怎么打开：使用IDLE或命令行启动解释器</span></a> <span>2026-09-16 13:54</span> </div> <div class="otherarticles"> <a href="/news/768062" title="Windows系统Python安装教程：下载、勾选PATH及环境变量配置"><span>Windows系统Python安装教程：下载、勾选PATH及环境变量配置</span></a> <span>2026-09-16 13:53</span> </div> <div class="otherarticles"> <a href="/news/768043" title="“等灯不计时”落地解析：算法善意如何转化为技术能力与生态协同"><span>“等灯不计时”落地解析：算法善意如何转化为技术能力与生态协同</span></a> <span>2026-09-08 18:03</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/618976" title="图片不显示或裂图怎么解决？浏览器加载问题修复教程" class="woh">图片不显示或裂图怎么解决？浏览器加载问题修复教程</a> </div> <div> <span>下一篇：</span> <a href="/news/768328" title="3dmax动画制作入门教程：流程步骤与实例详解" class="woh">3dmax动画制作入门教程：流程步骤与实例详解</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/768324" title="claude code install mac Mac版安装教程" 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/d31b91d38f98bf42efa0107d7a317ce1.webp" src="/static/m/images/moren.png" alt="claude code install mac Mac版安装教程" class="oimg" /></a> <div> <a href="/news/768324" title="claude code install mac Mac版安装教程" class="indexMain4Ms_title poh">claude code install mac Mac版安装教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/31762_1" title="AI编程助手">AI编程助手</a> <a href="/newslist/34711_1" title="命令行工具">命令行工具</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768303" title="flutter状态管理原理是什么及运行机制详解" 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/c42057875861feba68ed91082d947bf6.webp" src="/static/m/images/moren.png" alt="flutter状态管理原理是什么及运行机制详解" class="oimg" /></a> <div> <a href="/news/768303" title="flutter状态管理原理是什么及运行机制详解" class="indexMain4Ms_title poh">flutter状态管理原理是什么及运行机制详解</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7699_1" title="Flutter">Flutter</a> <a href="/newslist/7869_1" title="前端开发">前端开发</a> <a href="/newslist/14373_1" title="状态管理">状态管理</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768299" title="skyvern官网入口及中文版使用教程" 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/ec298ea1341fa25e4bec3d158952fed5.webp" src="/static/m/images/moren.png" alt="skyvern官网入口及中文版使用教程" class="oimg" /></a> <div> <a href="/news/768299" title="skyvern官网入口及中文版使用教程" class="indexMain4Ms_title poh">skyvern官网入口及中文版使用教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/3615_1" title="Docker">Docker</a> <a href="/newslist/3898_1" title="Python">Python</a> </div> <span>09.22</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/768291" title="codex claude code插件安装与使用教程" 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/b71244257ebe9eae0422450d2606768b.webp" src="/static/m/images/moren.png" alt="codex claude code插件安装与使用教程" class="oimg" /></a> <div> <a href="/news/768291" title="codex claude code插件安装与使用教程" class="indexMain4Ms_title poh">codex claude code插件安装与使用教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/31762_1" title="AI编程助手">AI编程助手</a> <a href="/newslist/128671_1" title="Codex">Codex</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768284" title="GitLab配置SSH免密登录步骤详解" 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/3c8dd3d3bc243234cd91f2294befa261.webp" src="/static/m/images/moren.png" alt="GitLab配置SSH免密登录步骤详解" class="oimg" /></a> <div> <a href="/news/768284" title="GitLab配置SSH免密登录步骤详解" class="indexMain4Ms_title poh">GitLab配置SSH免密登录步骤详解</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/9916_1" title="gitlab">gitlab</a> <a href="/newslist/61328_1" title="开发者工具">开发者工具</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768278" title="PHP发送HTTP请求的方法及完整代码教程" 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/17e7792c760f8723276768768086a9c9.webp" src="/static/m/images/moren.png" alt="PHP发送HTTP请求的方法及完整代码教程" class="oimg" /></a> <div> <a href="/news/768278" title="PHP发送HTTP请求的方法及完整代码教程" class="indexMain4Ms_title poh">PHP发送HTTP请求的方法及完整代码教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7273_1" title="PHP">PHP</a> <a href="/newslist/8588_1" title="curl">curl</a> <a href="/newslist/11725_1" title="Http请求">Http请求</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/768275" title="codex插件推荐有哪些？实用插件选择与安装教程" 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/a62528a3ff1bfff785847747b733ebf1.webp" src="/static/m/images/moren.png" alt="codex插件推荐有哪些？实用插件选择与安装教程" class="oimg" /></a> <div> <a href="/news/768275" title="codex插件推荐有哪些？实用插件选择与安装教程" class="indexMain4Ms_title poh">codex插件推荐有哪些？实用插件选择与安装教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/8994_1" title="VS Code">VS Code</a> <a href="/newslist/42032_1" title="编程效率">编程效率</a> <a href="/newslist/45164_1" title="插件安装">插件安装</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768268" title="html写提交成功页面代码及完整实现方法" 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/1625a94aa82689d231d2ab2407d67f47.webp" src="/static/m/images/moren.png" alt="html写提交成功页面代码及完整实现方法" class="oimg" /></a> <div> <a href="/news/768268" title="html写提交成功页面代码及完整实现方法" class="indexMain4Ms_title poh">html写提交成功页面代码及完整实现方法</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7351_1" title="html">html</a> <a href="/newslist/7869_1" title="前端开发">前端开发</a> <a href="/newslist/20656_1" title="用户体验">用户体验</a> </div> <span>09.22</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/768259" title="selenium打开浏览器会有没有缓存怎么解决" 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/3948fbb8246243f966b44f5f0ff7736a.webp" src="/static/m/images/moren.png" alt="selenium打开浏览器会有没有缓存怎么解决" class="oimg" /></a> <div> <a href="/news/768259" title="selenium打开浏览器会有没有缓存怎么解决" class="indexMain4Ms_title poh">selenium打开浏览器会有没有缓存怎么解决</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7591_1" title="浏览器缓存">浏览器缓存</a> <a href="/newslist/8765_1" title="Selenium">Selenium</a> <a href="/newslist/10837_1" title="自动化测试">自动化测试</a> </div> <span>09.22</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/768252" title="langgraph agent chat ui搭建与使用教程" 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/5ca4d03e048bf99ca227f042a3e1cc51.webp" src="/static/m/images/moren.png" alt="langgraph agent chat ui搭建与使用教程" class="oimg" /></a> <div> <a href="/news/768252" title="langgraph agent chat ui搭建与使用教程" class="indexMain4Ms_title poh">langgraph agent chat ui搭建与使用教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/3898_1" title="Python">Python</a> </div> <span>09.22</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/469906" title="B站免费入口永久有效网址推荐" class=""><span class="woh">B站免费入口永久有效网址推荐</span></a> <a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span class="woh">51漫画高清入口及最新章节更新</span></a> <a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span class="woh">58动漫网入口及永久访问方法</span></a> <a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span class="woh">B站免费入口网站高效连接方法</span></a> <a href="/news/573074" 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/141355_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/3f1f617d80a90800d626d2e2a5a440e0.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/141355_1" title="本月促销" class="woh">本月促销</a> <p class="poh">正软商城本月促销专区，汇集办公、设计、安全、影音、系统工具及AI软件等正版软件优惠活动，提供限时折扣、特价授权和优惠购买信息，活动库存及价格以页面实时展示为准。</p> </div> </div> <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> <div class="swiper-slide"> <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 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> <div class="swiper-slide"> <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软件和工具的使用技巧。</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> <a href="/newslist/4336_1" title="Pro">Pro</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> <a href="/newslist/4336_1" title="Pro">Pro</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> <a href="/newslist/4336_1" title="Pro">Pro</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> <!--底部 end--> <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> <!-- Matomo --> <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> <!-- End Matomo Code --> </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>