如何阻止iFrame在新标签页/窗口打开并实现内容站内留存

1. 前端拦截跳转行为 #

页面里的跳转链接/按钮默认指向第三方域名，需要用JS拦截并转走自己的代理页面：

• 拦截所有<a>标签的点击：

document.addEventListener('click', function(e) {
  const target = e.target.closest('a');
  if (target && target.href.includes('第三方域名')) {
    e.preventDefault();
    window.location.href = '/proxy.php?url=' + encodeURIComponent(target.href);
  }
});

• 拦截"查看详细报告"这类按钮的JS跳转（假设按钮用data-report-url存目标地址）：

document.querySelectorAll('.view-report-btn').forEach(btn => {
  btn.addEventListener('click', function(e) {
    e.preventDefault();
    const reportUrl = this.dataset.reportUrl;
    window.location.href = '/proxy.php?url=' + encodeURIComponent(reportUrl);
  });
});

• 拦截新窗口打开iframe的请求：

const originalOpen = window.open;
window.open = function(url, ...args) {
  if (url.includes('第三方域名')) {
    return originalOpen('/proxy.php?url=' + encodeURIComponent(url), ...args);
  }
  return originalOpen(url, ...args);
};

2. 后端PHP代理第三方内容 #

创建proxy.php文件，用cURL请求第三方内容并替换域名后返回：

<?php
if (!isset($_GET['url'])) die('缺少目标URL参数');

$targetUrl = urldecode($_GET['url']);
// 限制仅请求授权的第三方域名，防止恶意调用
$allowedHosts = ['第三方授权域名'];
$parsedUrl = parse_url($targetUrl);
if (!in_array($parsedUrl['host'], $allowedHosts)) die('不允许的请求目标');

// 初始化cURL请求
$ch = curl_init($targetUrl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
// 传递用户Cookie，保持会话状态
if (!empty($_COOKIE)) {
  $cookieStr = '';
  foreach ($_COOKIE as $key => $value) $cookieStr .= "$key=$value; ";
  curl_setopt($ch, CURLOPT_COOKIE, rtrim($cookieStr, '; '));
}

$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($httpCode !== 200) die('请求第三方资源失败');

// 替换内容里的第三方域名，改为自己的域名
$thirdPartyDomain = '第三方域名';
$ownDomain = $_SERVER['HTTP_HOST'];
$modifiedResponse = str_replace($thirdPartyDomain, $ownDomain, $response);

echo $modifiedResponse;
?>

3. 额外注意事项 #

• 确认第三方授权覆盖代理转发的使用场景，避免合规问题；
• 静态资源（图片、CSS、JS）也要替换域名，可在proxy.php的str_replace中一并处理；
• 若互动需要用户会话同步，需调整Cookie传递逻辑，确保用户状态在代理前后一致。

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