在 iframe 中展示短链接重定向后的内容，该怎么做？

在 iframe 中展示短链接重定向后的内容

在 iframe 中引入一个短链接时，可能会遇到无法重定向的问题。以下提供了解决方案：

获取短链接的重定向地址

获取短链接的重定向地址有两种方法：

• 客户端：使用 JavaScript 的 fetch() 或 XMLHttpRequest 发送 GET 请求，并解析服务器返回的 HTML 页面，从中提取重定向后的长链接。
• 服务端：使用服务器端的语言（如 PHP、Node.js）发送请求，并解析返回页面中的重定向头信息，提取长链接。

将长链接赋值给 iframe 的 src

获取到重定向后的长链接后，可以通过以下方式将其赋值给 iframe 的 src：

• 使用 JavaScript：javascript document.getElementById("iframe").src = longUrl;
• 使用服务器端：将长链接作为一个动态参数，在 iframe 标签中使用 PHP 的 echo 或 Node.js 的 res.send() 输出到页面上。

特殊情况：页面判断 iframe 阻止重定向

需要注意的是，有些页面可能会判断是否在 iframe 中打开，并阻止重定向。在这种情况下，可以在 iframe 的 sandbox 属性中禁用 allow-same-origin，以防范页面检测。

html

以上就是在 iframe 中展示短链接重定向后的内容，该怎么做？的详细内容，更多请关注其它相关文章！