Ich versuche, ein HTML-Dokument mit
in mein Hauptdokument zu importieren %Vor%aber es scheint nicht zu funktionieren.
Ich folge dieser Präsentation mit Chrome 28 und habe diese aktiviert zwei Flags in about:flags :
Vermisse ich etwas? Oder gibt es eine andere Flagge, die ich aktivieren muss, um es zu bekommen?
HTML-Imports funktionieren nur nativ in Chrome Canary (und selbst dort sind sie nur halbbacken ). Für diese Präsentation verwendet Eric ein Projekt namens Polymer , das unter anderem eine Polyfill für HTML-Importe bietet. Schau es dir an!
Update: Die aktuelle teilweise Implementierung von HTML-Importen ist in Chrome Canary nicht verfügbar. Ihr Flag ist so eingestellt, dass es nur für Tests aktiviert wird ( nicht baut). Es ist noch nicht einmal eine Option in about:flags .
Erneut aktualisieren: Jetzt gibt es ein Flag in about:flags . Es heißt Enable HTML Imports . Ich bin mir nicht sicher, wann genau es dazu kam. Ich habe es in Chrome 32.0.1671.3 Entwickler unter Linux.
Wird immer noch nicht von iOS und Android unterstützt, immer noch nicht von Firefox (Stand: Oktober 2015).
Ich dachte nur, ich würde hinzufügen, dass dies auch in Firefox nicht implementiert ist, es wird gerade verfolgt Ссылка
Kurzfristig müssen Sie das Polymer-Polyfill verwenden, das die meisten Browser abdeckt:
%Vor%Ich versuche, ein HTML-Dokument mit
in mein Hauptdokument zu importieren %Vor%aber es scheint nicht zu funktionieren.
Ich folge dieser Präsentation mit Chrome 28 und habe diese aktiviert zwei Flags in %code% :
%Vor%Vermisse ich etwas? Oder gibt es eine andere Flagge, die ich aktivieren muss, um es zu bekommen?
HTML-Imports funktionieren nur nativ in Chrome Canary (und selbst dort sind sie nur halbbacken ). Für diese Präsentation verwendet Eric ein Projekt namens Polymer , das unter anderem eine Polyfill für HTML-Importe bietet. Schau es dir an!
Update: Die aktuelle teilweise Implementierung von HTML-Importen ist in Chrome Canary nicht verfügbar. Ihr Flag ist so eingestellt, dass es nur für Tests aktiviert wird ( nicht baut). Es ist noch nicht einmal eine Option in %code% .
Erneut aktualisieren: Jetzt gibt es ein Flag in %code% . Es heißt %code% . Ich bin mir nicht sicher, wann genau es dazu kam. Ich habe es in Chrome 32.0.1671.3 Entwickler unter Linux.
HTML Imports wurde in einigen modernen Browsern gelandet. Also, wenn Sie moderne Technologie implementieren möchten, dann können Sie es tun, indem Sie nur einige Zeilen Code schreiben:
%Vor% %code% und %code% dienen zum Protokollieren des Status der Seite. (Wenn die Import-Seite geladen wurde oder nicht.)
Ich habe meine Import-Seite ( %code% ) in das %code% -Tag eingeschlossen, um sie in einer Javascript-Variable zu klonen.
import.html:
%Vor%Sie müssen Javascript verwenden, um die importierte Seite zu verwenden
%Vor% Die Variable %code% wird verwendet, um das Importelement zu erhalten.
Die Variable %code% wird verwendet, um %code% von %code% zu beziehen.
Die Variable %code% wird verwendet, um den Inhalt von %code% in %code% abzurufen.
Dann versuche ich, den Inhalt an eine ID eines %code% anzuhängen.
%code% und %code% wird verwendet, um den Status der Import-Seite über die Konsole zu melden, die in vielen Browsern %code% angezeigt werden sollte.
Ich habe hier einen Artikel geschrieben.
Und ein Repository in Github unter github.com/krman009/html-imports erstellt.
html5rocks article .
Ich wünsche, dass dir das hilft.
HTML Imports wurde in einigen modernen Browsern gelandet. Also, wenn Sie moderne Technologie implementieren möchten, dann können Sie es tun, indem Sie nur einige Zeilen Code schreiben:
%Vor% onload und onerror dienen zum Protokollieren des Status der Seite. (Wenn die Import-Seite geladen wurde oder nicht.)
Ich habe meine Import-Seite ( import.html ) in das <template> -Tag eingeschlossen, um sie in einer Javascript-Variable zu klonen.
import.html:
%Vor%Sie müssen Javascript verwenden, um die importierte Seite zu verwenden
%Vor% Die Variable link wird verwendet, um das Importelement zu erhalten.
Die Variable template wird verwendet, um <template> von import.html zu beziehen.
Die Variable clone wird verwendet, um den Inhalt von <template> in import.html abzurufen.
Dann versuche ich, den Inhalt an eine ID eines <div> anzuhängen.
handleLoad und handleError wird verwendet, um den Status der Import-Seite über die Konsole zu melden, die in vielen Browsern DevTools angezeigt werden sollte.
Ich habe hier einen Artikel geschrieben.
Und ein Repository in Github unter github.com/krman009/html-imports erstellt.
html5rocks article .
Ich wünsche, dass dir das hilft.
Tags und Links javascript html5 web-component