如何在角度应用程序内打开其他网站

2024-01-10

我正在尝试加载另一个网站,其中我将有一个网站列表。如果我单击网站链接,它必须在我的角度应用程序中打开该网站。角度或任何地方是否有任何可用选项可以用来加载限制加载网站的网站

我尝试过使用 HTML 标签元素 iframe、embed、object 和 jquery 加载函数来加载网站。 部分网站可以打开,部分网站限制在其他应用程序上打开

<html>
<body>
<iframe src="https://stackoverflow.com" height="100%" width="100%"></iframe>
</body>
</html>

有角的

  <div >
    <iframe id="companyFrame" [src]="sourceURL | safe" class="frame"> 
    </iframe>
  </div>

  @Pipe({ name: "safe" })
  export class SafePipe implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {}
  transform(url) {
    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
   }
  }

例如,我希望加载 StackOverflow 主页网站,但出现类似错误拒绝显示'https://stackoverflow.com/ https://stackoverflow.com/' 在框架中,因为它将 'X-Frame-Options' 设置为 'sameorigin'。如果网站所有者不允许,则浏览器默认选项会限制在 iframe 中加载页面。所以我想要替代选项而不是 iframe


“X-Frame-Options”由所有者/服务器强制执行,以便人们无法将其网站用作使用 Iframe 的其他网站。

想象一下这样的情况:如果你在整个页面的 iframe 中启动 google,那么你可以使用你的 url 来为 google 提供服务,你还可以做更多疯狂的事情。

您可以使用一些 Chorme/FF 扩展来绕过。但您不能指望所有用户都会使用它。

https://chrome.google.com/webstore/detail/ignore-x-frame-headers/gleekbfjekiniecknbkamfmkohkpodhe https://chrome.google.com/webstore/detail/ignore-x-frame-headers/gleekbfjekiniecknbkamfmkohkpodhe

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在角度应用程序内打开其他网站 的相关文章