Ionic Framework - HTML rel 导入适用于模拟器，但不适用于设备答案

【问题标题】：Ionic Framework - HTML rel import works on emulator but NOT on deviceIonic Framework - HTML rel 导入适用于模拟器，但不适用于设备
【发布时间】：2017-05-23 05:22:45
【问题描述】：

我正在尝试将名为“helper.html”的特定 html 页面的内容（导入 CSS 和 JavaScript 文件的引用）导入另一个名为“navigation.html”的 html 页面。它适用于模拟器（可以导入“helper.html”的CSS和JavaScript文件的引用）但不适用于设备（我使用的设备是Android平板电脑）。

我的项目目录如下所示：

www

-模板

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

-helper.html（在 www 内）

在我的“navigation.html”中，我有以下代码 sn-p：

<!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”中，我有以下代码sn-p：

<!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 设备上完成这项工作？谢谢！

【问题讨论】：

您的 Android 设备上安装了哪些版本的 Android 和 Chrome？也许这会有所帮助：stackoverflow.com/a/18786905/4600982
嗨，我在我的 android 平板电脑上使用的是 android 版本 4.4.2 和 chrome v 55.0.2883.91

标签： html ionic-framework html-imports

【解决方案1】：

旧版 Cordova for Android (

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

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

【讨论】：

谢谢，我通过将其部署到 android 版本 5.0 解决了我的问题