使用 iframe 是不好的做法吗？ iframe 可以像画布一样被翻译成图像吗？答案

【问题标题】：Is it bad practice to use iframes? Can iframes be translated into images in the same way canvases can?使用 iframe 是不好的做法吗？ iframe 可以像画布一样被翻译成图像吗？
【发布时间】：2014-08-26 22:15:34
【问题描述】：

我在互联网上看到很多关于不使用框架的投诉，使用框架被认为是不好的做法，而且它们已经过时了。

但是，iframe 并没有过时，而是框架。使用它们是否被认为是不好的做法？

此外，iframe 是否可以像画布一样渲染为 data:png/base64 或其他格式？

【问题讨论】：

好吧，如果你在 iframe 中有一个画布.. :D
您可以截取 iFrame 并将其渲染为图像 =)
iframe 的问题在于 SEO - 搜索引擎可能会链接到 iframe，而不是链接到您的页面。在我看来，这不是坏习惯。据我所知，您无法将其转换为图像，但您可以使用 ajax 获取它的内容，并将其放入任何块对象（如 div）中。
对于 SEO 问题，我可以使用 robots.txt
另见[链接] (stackoverflow.com/questions/362730/…)

标签： html iframe

【解决方案1】：

但是，iframe 并没有过时，而是框架。使用它们是否被认为是不好的做法？

有时您必须将单独的 HTML 文档嵌入到另一个文档中，这没关系。作为记录，HTML5 有一整节专门用于嵌入外部内容，其中一个相关元素是iframe (W3C HTML5)。

当然，某件事是好的还是坏的做法也很大程度上取决于您的用例，但最佳实践问题本质上往往相当广泛。

另外，iframe 是否可以像画布一样渲染为 data:png/base64 或其他格式？

事实上，是的，虽然IE does not appear to support data:text/html at the moment:

<iframe src="data:text/html,<!DOCTYPE html><html><body><p>abc"></iframe>

然而，这不是“正确”的做法（甚至验证器也不同意语法是否有效——W3C 的 Nu 验证器似乎不喜欢 data:text/html，因为所有的 HTML 符号，而 Validator. nu 只抱怨 DOCTYPE 中未编码的空白）。要嵌入原始 HTML，您需要使用新的 srcdoc 属性而不是 src（具有 even less browser support）：

<iframe srcdoc="<!DOCTYPE html><html><body><p>abc"></iframe>

因此，一般来说，为 iframe 指定原始 HTML 目前是个坏主意，即使浏览器开始支持 srcdoc 属性，您也应该在带有 src 属性的数据 URI 上使用它。

【讨论】：

嗯，关于数据，我的意思是专门将 iframe 渲染为 base64 编码图像。对我来说似乎不可能。
@Doge：考虑到 iframe 的本质是动态 HTML 页面而不是静态图形图像，我不完全确定它首先会如何工作......

【解决方案2】：

在我看来，使用 iframe 时要考虑的最大问题是您可能包含的 3rd 方网站的安全问题。

例如，在 iframe 中包含来自第 3 方的内容。如果该第 3 方已被黑客入侵，那么您现在正在将您的用户从您自己的站点中直接暴露给该漏洞。事实上，对于您的用户来说，漏洞在于您的网站（他们可能不知道 iframe）。

【讨论】：

【解决方案3】：

iframe 的使用是 Selenium QA 面试测试中的常见测试项目。使用正确的命令让 Selenium 可以在 iframe 中找到内容可能会很棘手，并且在开发测试自动化时会引起一些混乱。

【讨论】：

请在您的回答中提供更多详细信息。正如目前所写的那样，很难理解您的解决方案。