代码在 Dreamweaver cs6 中工作，但在 chrome/firefox 中不起作用

Code working in Dreamweaver cs6 but not in chrome/firefox.?

本文关键字：chrome firefox 不起作用 但在 工作 Dreamweaver cs6 代码      更新时间：2023-09-26

此代码在 Dreamweaver 默认浏览器中有效，但在 chrome 或 Firefox 中不起作用。它只显示空白页，不显示 google.com。 不知道为什么！可能是问题出在iFrame上。但是我必须在我的页面中显示其他页面。有什么解决方法吗？

<!DOCTYPE html>
<html>
<head>
<title>booo yeah</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function() {
        var height = $(window).height();
        var width = $(window).width();
        $('iframe').width(width);
        $('iframe').height(height);
}); 
</script>
</head>
<body>
<iframe src="http://www.google.com" frameBorder="0"></iframe>
</body>
</html>

截图：http：//goo.gl/jTpB2g背面是带有左侧代码的 dreamweaver，右侧是显示工作代码的默认浏览器。在前面，有铬，其中没有显示任何东西

您尝试显示的网站具有安全性，可防止其在iframe中使用。 例如，<iframe src="http://www.w3schools.com"></iframe>工作正常。问题不在于您的浏览器。

打开控制台面板，您可以看到一条错误消息：

Refused to display 'https://www.google.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

谷歌搜索返回一个带有SAMEORIGIN的X-Frame-Options标题，即此页面只能显示在与页面本身相同原点的框架中。

从 X-Frame-Options 查看更多信息

解决 方案：

如果您有权访问该网站，请尝试将X-Frame-Options设置为 ALLOWALL 或干脆从 http 响应中删除它。

如果您被困在谷歌上，请尝试使用谷歌自定义搜索代替，将您的网址替换为此http://www.google.com/custom，这将发送"X-Frame-Options：ALLOWALL"，允许您将此站点嵌入到您的 IFRAME 中。

出于安全原因，它可能不显示。

同源政策

同一源策略可防止从一个源加载的文档或脚本从另一个源获取或设置文档的属性。此策略可以追溯到Netscape Navigator 2.0。

有些网站确实允许这样做，但谷歌不允许。奇怪的是，Dreamweaver这样做是可以的。

有一些方法可以绕过它（我不能说它们适合你的问题）。

规避同源策略的方法

正如ajtrichards所说，由于同源政策，Google有限制。

只需尝试另一个域，您就会看到您的代码有效

jsbin.com/UJeHaqe/1/edit

相关文章：