Polymer Designer和<iframe>

Question

我正在尝试在Polymer Designer中输入iframe（ https：//polymer-designer.appspot。 com / ）但它不会显示任何带有“http”和其他网站的网页，例如“google”和“youtube”我不知道是否有任何方法可以解决这个问题，但如果你们中有人有一个想法如何解决它我都是耳朵。

＆＃xA;

Answer 1

要在Polymer Designer中的元素中插入<iframe>：

1. 使用 http （http://polymer-designer.appspot.com/）打开Polymer Designer（在步骤3中加载<iframe>）。
2. 点击左上角的＆lt;＆gt; 进入代码视图。

3. 在<template>标记内添加<iframe>。它应该是这样的：

   <polymer-element name="my-element">
     ...
     <template>
       <iframe src="http://www.w3schools.com/"></iframe>
     </template>
   </polymer-element>
   

注意：

• Polymer Designer尚未更新，它使用的是过时的Polymer版本，其元素不再相关。我建议按照Polymer docs开始使用最新版本的Polymer（1.4.0）。

• 如果您在Polymer Designer中打开浏览器控制台，当您尝试使用<iframe>到google.com或youtube.com时，您会看到错误消息：

    

  拒绝在一个框架中显示“https://www.google.com/”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

       

  拒绝在一个框架中显示“https://www.youtube.com/”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

  此错误表示服务器不允许在其域外的<iframe>中加载资源（有关详细信息，请参阅this answer）。

• 浏览器控制台日志还会显示有关 http 的错误：

    

  混合内容：“https://polymer-designer.appspot.com/”页面是通过HTTPS加载的，但请求了不安全的资源“http://www.w3schools.com/”。此请求已被阻止;内容必须通过HTTPS提供。

  要解决此问题，您可以将<iframe>网址更改为使用 https （如果该服务器允许）以匹配当前协议，或者只需从 http <访问Designer / strong>（http://polymer-designer.appspot.com/）。