如何在VS Team Service自定义TAB中允许IFRAME

时间:2016-07-01 02:21:02

标签: javascript html iframe azure-devops visual-studio-extensions

我有一个在VSTS中添加自定义TAB的扩展程序,请参阅下面的图片

enter image description here

它在chrome中工作得非常好,但在IE中没有看到结果如下图所示:

enter image description here

这是我的扩展程序中的代码:

    <script type="text/javascript">
    VSS.init();
    VSS.ready(function () {
        var webContext = VSS.getWebContext();
        var projectName = webContext.project.name;
        var assetFrame = document.getElementById("assetFrame");

        assetFrame.src = "https://samplewebsite.net/Home/Asset/" + projectName;
        VSS.notifyLoadSucceeded();

    });
</script>
<div id="rtlTabBody">
    <iframe id="assetFrame" style="width:100%" frameborder="0"></iframe>
</div>

我是否需要在代码或VSTS中配置某些内容以允许iframe?

1 个答案:

答案 0 :(得分:0)

您尝试嵌入的网站的内容安全策略(CSP)似乎已将其自身配置为禁止将其嵌入到其他网站中。

它要么指定:

frame-ancestors 'none'

或者它的旧等价物:

X-Frame-Options: DENY

我怀疑后者,因为X-Frame-Options已被弃用,转而使用CSP and Chrome only partially implements it