Javascript 如何在VS团队服务自定义选项卡中允许IFRAME
我有一个扩展,可以在VST中添加自定义选项卡,请参见下图 它在chrome中工作得非常好,但在IE中则不行。请参见下图了解结果: 这是我的扩展名中的代码:Javascript 如何在VS团队服务自定义选项卡中允许IFRAME,javascript,html,iframe,azure-devops,visual-studio-extensions,Javascript,Html,Iframe,Azure Devops,Visual Studio Extensions,我有一个扩展,可以在VST中添加自定义选项卡,请参见下图 它在chrome中工作得非常好,但在IE中则不行。请参见下图了解结果: 这是我的扩展名中的代码: <script type="text/javascript"> VSS.init(); VSS.ready(function () { var webContext = VSS.getWebContext(); var projectName = webContext.p
<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>
VSS.init();
VSS.ready(函数(){
var webContext=VSS.getWebContext();
var projectName=webContext.project.name;
var assetFrame=document.getElementById(“assetFrame”);
assetFrame.src=”https://samplewebsite.net/Home/Asset/“+项目名称;
VSS.notifyLoadSuccessed();
});
我是否需要在代码中或VSTS本身中配置某些内容以允许iframe?您尝试嵌入的网站的内容安全策略(CSP)似乎已将其自身配置为不允许将其嵌入其他网站 它要么指定:
frame-ancestors 'none'
或者是更老的等价物:
X-Frame-Options: DENY
我怀疑是后者,因为X-Frame-Options被弃用,取而代之的是CSP。您试图嵌入的网站的内容安全策略(CSP)似乎已将其自身配置为不允许将其嵌入其他网站 它要么指定:
frame-ancestors 'none'
或者是更老的等价物:
X-Frame-Options: DENY
我怀疑是后者,因为X-Frame-Options被弃用,取而代之的是CSP。内容页面站点是由您管理的吗?@Eddie MSFT您的意思是
https://samplewebsite.net/
?是的,请尝试更新该网站以允许它显示在其他框架中:。@Eddie MSFT我尝试将iframe嵌入另一个web应用程序,而不是VSTS,它工作得非常好,你认为VSTS阻止我们嵌入iframe吗?不,VSTS允许这样做。“如果您有一个可以托管在iframe中的网页,它可以作为中心托管在Visual Studio Team Services中。”这是VSTS文档中的描述:内容页站点是否由您管理?@Eddie MSFT您的意思是https://samplewebsite.net/
?是的,请尝试更新该网站以允许它显示在其他框架中:。@Eddie MSFT我尝试将iframe嵌入另一个web应用程序,而不是VSTS,它工作得非常好,你认为VSTS阻止我们嵌入iframe吗?不,VSTS允许这样做。“如果您有一个网页可以托管在iframe中,那么它可以作为中心托管在Visual Studio Team Services中。”这是VSTS文档中的描述: