2017-01-09 7 views
1

Ich versuche, den Inhalt einer bestimmten HTML-Seite namens "helper.html" in eine andere HTML-Seite zu importieren (importieren Sie die Referenz der CSS- und JavaScript-Dateien) , namens "navigation.html". Es funktioniert auf dem Emulator (die Referenz der CSS- und JavaScript-Dateien der "helper.html" kann importiert werden), aber NICHT auf dem Gerät (das Gerät, das ich verwende, ist Android-Tablet).Ionic Framework - HTML rel Import funktioniert auf Emulator, aber NICHT auf Gerät

Mein Projektverzeichnis wie folgt aussieht:

www

-Templates

  • navigation.html (innen Ordner Vorlagen)

-helper.html (innen www)

In meiner "navigation.html" habe ich hav e die folgende Code-Schnipsel:

<!DOCTYPE html> 
<html> 
<head> 
<link rel="import" href="helper.html"> 
</head> 
<body> 
<ion-view view-title="Navigation"> 
    <ion-content> 
    // SOME CODES 
</ion-content> 
    </ion-view> 

</body> 
</html> 

In meinem „helper.html“ habe ich die Schnipsel folgenden Code:

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<link rel="stylesheet" href="css/pathFindingstyle.css" /> 
    <!-- Some JS files to be loaded, but I am not posting them here--> 
</head> 
<body > 
<div id="draw_area"></div> 
<div id="stats"></div> 
</body> 
</html> 

Kann mir jemand einen Weg sagen, wie ich diese Arbeit auf dem Android machen könnte Gerät? Vielen Dank!

+1

Welche Version von Android und Chrome sind in Ihrem Android-Gerät installiert? Vielleicht könnte das helfen: http://stackoverflow.com/a/18786905/4600982 – Supersharp

+1

Hallo, ich benutze Android-Version 4.4.2 und Chrom v 55.0.2883.91 auf meinem Android-Tablet – Antoni

Antwort

1

Alte Versionen von Cordova für Android (< = 4.4.4) verwenden nicht Blink, die Chromium/Chrome-Web-Engine, oder eine alte Version von Blink (< 36), die keine Web-Komponenten implementiert - einschließlich HTML Imports - für HTML-Rendering.

Daher müssen Sie Android auf Version 5+ aktualisieren oder ein neueres Gerät verwenden, um eine native Implementierung zu erhalten.

Als Workaround können Sie versuchen, die webcomponentsjs polyfill, mit der HTMLImports.js Datei zu verwenden, die HTML-Importe emuliert (obwohl ich nicht weiß, ob es auf Ihrer Android-Version funktioniert).

+1

Danke, ich löste mein Problem durch die Bereitstellung zu Android-Version 5.0 – Antoni

Verwandte Themen