为什么 document.getElementById(id).contentWindow 不适用于 Chrome 中的本地 htm 文件？答案

【问题标题】：Why doesn't document.getElementById(id).contentWindow work for local htm files in Chrome?为什么 document.getElementById(id).contentWindow 不适用于 Chrome 中的本地 htm 文件？
【发布时间】：2014-12-22 08:33:48
【问题描述】：

我一直在尝试将某些页面编辑为计算机上的本地 htm 文件，但我遇到了这个问题，当父页面和 iframe 中的页面是本地的时，使用 contentWindow 属性的函数不起作用文件。上传所有页面后，完全相同的代码可以正常工作，但不能作为本地文件。我只在 Chrome 和 Opera 中遇到过这个问题。在 Firefox 和 Safari 甚至 Internet Explorer 中，contentWindow 都可以很好地处理本地文件。

这很烦人，因为我正在处理的页面中有一个动态 iframe 调整大小，而且我不想每次我想在 Chrome 中测试它们时都重新上传所有页面，这是我的主要浏览器。

Chrome（和 Opera）中是否存在某种导致此问题的安全设置，如果有，是否可以将其禁用？

代码只是：

function resizeIframe(iframeName) {

   document.getElementById(iframeName).style.height = '1000px';

   newHeight = document.getElementById(iframeName).contentWindow.document.body.scrollHeight;

   setTimeout(function () {
        document.getElementById(iframeName).style.height = newHeight + 'px';
   }, 10);
}

【问题讨论】：

如果您显示一些代码可能会很有用..

标签： javascript google-chrome iframe resize autoresize

【解决方案1】：

事实证明，它是一个安全的东西，但没有办法简单地从设置菜单中将其关闭。关闭它的唯一方法（据我所知）（在 Windows 中）是通过键入文件路径并在命令中添加 --allow-file-access-from-files 从命令提示符窗口打开 Chrome线。这也适用于 Opera。

不幸的是，这不会永久关闭它，因此每次您想要测试使用 contentWindow 属性的页面时都必须以这种方式打开浏览器。当我使用 Chrome 时这很好用，因为无论如何我一直在我的计算机上保持它打开，但是当我想在 Opera 中测试某些东西时它有点烦人。也许其他人会发布一种使其永久化的方法，但现在必须这样做。

来源：

Is it likely that future releases of Chrome support contentWindow/contentDocument when iFrame loads a local html file from local html file?

http://www.chrome-allow-file-access-from-file.com/

【讨论】：