如何用JavaScript或PHP实现YouTube视频内链接跳转外部浏览器而非应用打开

你可以通过两种方式实现YouTube应用内点击简介链接后自动跳转外部浏览器打开你的站点，优先选择服务端配置方案： #

方案1：添加X-Frame-Options响应头（推荐） #

YouTube内置WebView加载外部链接时，如果检测到目标站点禁止iframe嵌入，会自动唤起系统默认浏览器打开链接。你只需要在自己的网站服务端添加如下响应头即可：
X-Frame-Options: DENY

不同服务端的配置示例：

• Nginx：在对应站点的server配置块中添加以下内容，重启服务生效

  add_header X-Frame-Options DENY always;
  

• Apache：在站点根目录的.htaccess文件中添加以下内容

  Header always set X-Frame-Options "DENY"
  

• Node.js（Express框架）：在全局中间件中添加响应头设置

  app.use((req, res, next) => {
    res.setHeader('X-Frame-Options', 'DENY');
    next();
  });
  

方案2：前端JS兜底逻辑 #

如果暂时无法修改服务端配置，可以在站点入口的首屏JS中添加以下检测逻辑，匹配到YouTube内置环境时主动触发跳转：

// 检测当前运行环境是否为YouTube内置WebView
if (navigator.userAgent.match(/YouTube/i) || window.top !== window.self) {
  // 调用_system参数唤起系统默认浏览器
  window.open(window.location.href, '_system');
  // 关闭当前WebView内的页面
  window.close();
}

注：该方案兼容性受YouTube应用版本限制，部分版本可能拦截JS唤起逻辑，建议优先使用方案1

内容的提问来源于stack exchange，提问作者The Official Danish