Ionic Framework - HTML rel 导入在模拟器上有效，但在设备上无效

Question

我正在尝试将名为 "helper.html" 的特定 html 页面的内容（导入 CSS 和 JavaScript 文件的引用）导入另一个 html 页，名为 "navigation.html"。它可以在模拟器上运行（可以导入 "helper.html" 的 CSS 和 JavaScript 文件的引用）但不能在设备上运行（我使用的设备是 Android药片）。

我的项目目录如下所示：

www

-模板

navigation.html（在模板文件夹内）

-helper.html（在 www 内）

在我的 "navigation.html" 中，我有以下代码片段：

<!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>

在我的 "helper.html" 中，我有以下代码片段：

<!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>

谁能告诉我如何在 android 设备上完成这项工作？谢谢！

Answer 1

Android (<= 4.4.4) 的旧版本 Cordova 不使用 Blink，Chromium / Chrome 网络引擎，或使用旧版本的 Blink (< 36)未实现 Web 组件 - 包括 HTML 导入 - 用于 HTML 渲染。

因此您需要将 Android 升级到版本 5+，或者使用更新的设备来获得本机实现。

作为解决方法，您可以尝试将 webcomponentsjs polyfill 与模拟 HTML 导入的 HTMLImports.js 文件一起使用（尽管我不知道它是否适用于您的Android版本）。

Ionic Framework - HTML rel 导入在模拟器上有效，但在设备上无效

Ionic Framework - HTML rel import works on emulator but NOT on device

html

ionic-framework

html-imports