Ich versuche, einen Iframe in Polymer Designer (https://polymer-designer.appspot.com/) zu setzen, aber es wird keine Webseite mit "http" und andere Websites wie "Google" und "Youtube" ich weiß es nicht angezeigt Wenn es irgendeinen Weg gibt, kann ich das beheben, aber wenn einer von euch eine Idee hat, wie ich das beheben kann, bin ich ganz Ohr.Polymer Designer und <iframe>
Antwort
Um ein in ein Element aus dem Polymer Designer einzufügen:
- Öffnen der Polymer Designer mit http (http://polymer-designer.appspot.com/) (die in Schritt 3 zu laden).
- Klicken Sie oben links auf <>, um in die Codeansicht zu gelangen.
Fügen Sie innerhalb des Tags
<template>
Ihren hinzu. Es soll wie folgt aussehen:<polymer-element name="my-element"> ... <template> <iframe src="http://www.w3schools.com/"></iframe> </template> </polymer-element>
Hinweise:
Das Polymer Designer wurde in einer Weile nicht mehr aktualisiert, und es ist eine veraltete Polymer Version mit Elementen, die nicht mehr relevant sind . Ich empfehle, die Polymer docs zu folgen, um mit der neuesten Version von Polymer (1.4.0) zu beginnen.
Wenn Sie Ihre Browser-Konsole öffnen, während in Polymer Designern, Fehlermeldungen angezeigt werden, wenn Sie versuchen, eine -
google.com
oderyoutube.com
zu verwenden:Refused anzuzeigen ‚https://www.google.com/‘ in einem Rahmen, weil es setzte 'X-Frame-Optionen' auf 'SAMEORIGIN'.
Weigerte sich, 'https://www.youtube.com/' in einem Rahmen anzuzeigen, weil 'X-Frame-Optionen' auf 'SAMEORIGIN' gesetzt wurde.
Dieser Fehler zeigt an, dass die Server in einem außerhalb ihrer Domain Laden der Ressource nicht zulassen (this answer für weitere Details).
Der Browser Konsolenprotokoll zeigt Ihnen auch, den Fehler in Bezug auf http:
Mixed Inhalt: Die Seite bei 'https://polymer-designer.appspot.com/' wurde über HTTPS geladen, aber aufgefordert, eine unsichere Ressource 'http://www.w3schools.com/'. Diese Anfrage wurde blockiert. Der Inhalt muss über HTTPS bereitgestellt werden.
Um dies zu beheben, können Sie die URL ändern https zu verwenden (wenn dieser Server erlaubt), um das aktuelle Protokoll zu entsprechen, oder einfach nur die Designer von http (http://polymer-designer.appspot.com/).
- 1. Polymer Designer Tool-Kompatibilität auf der neuesten Version von Polymer?
- 2. Polymer Designer verschieben "Core-Karte" auf Schaltfläche klicken
- 3. Javascript async und Polymer
- 4. Polymer und firebase-auth
- 5. Polymer und TypeScript
- 6. Datensatz-Designer und Postgresql?
- 7. Sizing Polymer-Dialog und Polymer-Dialog-scrollbar: variable Höhe
- 8. MV * in Polymer, Modelle und Dienstleistungen als Polymer-Elemente?
- 9. Polymer dieses und Cytoscape diese
- 10. Arbeiten mit Polymer und requirejs
- 11. jQuery Plugins und Polymer Elemente
- 12. Polymer und Google Closure Compiler
- 13. Wie ein <paper-input> Tag in Polymer 1,0
- 14. Polymer-CLI: $ Polymer build ... Kann Datei ... bower_components/**/*
- 15. JavaFX Designer
- 16. Polymer und page.js Wildcards in den Routen
- 17. Mixing Polymer 1.0 und Angular 1.x
- 18. Verdrahtung von Polymer-Komponenten und Winkel-Controller
- 19. Polymer „dom-wenn“ mit Knebeln und Elementeigenschaft
- 20. Angular 2 Polymer und eine PaperChechboxSelectedDirective
- 21. ASP.NET - Zusammenarbeit zwischen Designer und Entwickler
- 22. SharePoint Designer Workflows - Tipps und Ressourcen?
- 23. VS2005 Winforms-Designer-Ausnahme-Bildschirm und IE8
- 24. Namespaces, Aliase und Visual Studio Forms-Designer
- 25. Aktivität Designer und Nullable Types Workflow 4
- 26. Intellij Idea Swing Designer und Ameise
- 27. Polymer - Wie zwei Hauptseiten in Polymer-Projekt zu erstellen
- 28. Polymer 1.6 und Polymer-cli, Zugriff auf App-Eigenschaft aus einem benutzerdefinierten Element
- 29. Wie Polymer-HTML-Dateien von außerhalb der Website in einem Polymer-und Firebase-Projekt importieren
- 30. Polymer-Installation auf Windows