如何让NW.js中部分指定<a>链接在系统浏览器而非内置窗口打开？

解决方案 #

你可以通过DOM捕获阶段的全局点击监听来标记需要跳转系统浏览器的链接，不需要解析URL，也不需要给<a>标签绑定额外的JS调用逻辑，只需要保留你自定义的属性即可，实现步骤如下：

步骤1：添加全局点击捕获监听 #

在页面初始化逻辑中加入以下代码，捕获所有带自定义属性的链接点击：

// 临时存储当前点击的需要外部打开的链接地址
let pendingExternalUrl = null;
// 用捕获阶段监听，保证比链接跳转逻辑先触发
document.addEventListener('click', e => {
  const targetLink = e.target.closest('a[open-in-system-browser]');
  pendingExternalUrl = targetLink?.href ?? null;
}, true);

步骤2：修改new-win-policy判断逻辑 #

调整你原有的事件处理代码，只对标记过的链接走系统浏览器跳转：

nw.Window.get().on('new-win-policy', function(frame, url, policy) {
  // 仅匹配到标记的链接时才走系统浏览器
  if (pendingExternalUrl === url) {
    policy.ignore();
    nw.Shell.openExternal(url);
    // 重置标记避免后续误判
    pendingExternalUrl = null;
  }
});

注意事项 #

• 如果你的应用用到了iframe，需要给所有iframe的document也绑定上述的点击捕获监听，否则iframe内的带自定义属性的链接不会被识别。
• 该方案完全依赖<a>标签的原生点击行为，不需要额外的函数调用绑定，符合你的要求。

内容的提问来源于stack exchange，提问作者user17535142