Azure DevOps Library中Ctrl点击variable group新开标签页失败的解决方案

这个问题是Azure DevOps前端单页应用的路由机制导致的：Variable Group的列表条目没有使用原生带target属性的<a>标签实现，所有点击事件都被前端路由拦截，因此默认的Ctrl/Command+点击、中键点击都不会触发新标签打开逻辑，可根据自己的使用场景选择对应方案：

• 临时打开少量变量组：直接右键点击目标Variable Group条目，选择「在新标签页中打开」/「在新窗口中打开」即可，不需要修改任何配置，是成本最低的临时方案。
• 已知变量组ID批量打开：每个Variable Group都有固定的访问地址格式，你可以先在当前页面点开任意一个变量组，复制地址栏的基础URL，之后替换地址里的variableGroupId参数为你要打开的组ID，直接粘贴到新标签地址栏访问即可，地址格式如下：

  https://dev.azure.com/{你的组织名}/{你的项目名}/_library?itemType=VariableGroups&view=VariableGroupView&variableGroupId={对应变量组的数字ID}
  

• 高频操作一劳永逸：使用Tampermonkey（油猴）写个简单的页面脚本，给所有变量组条目绑定点击监听，检测到Ctrl/Command点击、中键点击时，自动获取对应组ID拼接地址在新标签打开，安装后就可以和普通网页一样用快捷键操作，核心脚本逻辑参考：

  // 仅在Azure DevOps的Library页面生效
  if (location.pathname.endsWith('/_library')) {
    document.addEventListener('click', function(e) {
      // 匹配变量组条目元素
      const groupItem = e.target.closest('[data-item-type="VariableGroup"]');
      if (!groupItem) return;
      // 识别Ctrl/Command点击、中键点击
      if (e.ctrlKey || e.metaKey || e.button === 1) {
        e.stopImmediatePropagation();
        const groupId = groupItem.getAttribute('data-item-id');
        const targetUrl = `${location.origin}${location.pathname}?itemType=VariableGroups&view=VariableGroupView&variableGroupId=${groupId}`;
        window.open(targetUrl, '_blank');
      }
    }, true);
  }
  

• 无需页面编辑的场景：如果你只是要批量查看多个变量组的内容，不需要在UI上操作，可以直接用Azure DevOps CLI命令批量拉取所有变量组信息，不用反复打开页面：

  # 先登录你的Azure DevOps组织
  az devops login --organization https://dev.azure.com/{你的组织名}
  # 列出当前项目下所有变量组
  az pipelines variable-group list --project {你的项目名} --output table
  

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