html - Google Chrome 是否仍支持 HTML 导入？

Question

根据http://blog.teamtreehouse.com/introduction-html-imports

要在 Chrome 中启用 HTML 导入，请转到 chrome://flags 并启用启用 HTML 导入标志。完成后，单击屏幕底部的立即重新启动按钮以重新启动支持 HTML 导入的 Chrome。

但我在最新版本的 Google Chrome 标志中找不到它

Answer 1

HTML 导入在Chrome、Opera 和 Android中原生实现。

它仍然是W3C 工作草案。

对于其他浏览器，您可以使用：

• webcomponentsjs填充，
• 或直接html-imports.min.js来自HTML Imports的文件。

2019 年更新

在 Chrome 73 之后本机将不支持HTML 导入。然后您应该使用其他解决方案：

• 填充物，
• 备用模块加载器，
• JSimport结合模板文字，
• 直接下载fetch()。

2020 年更新

HTML 导入已明确删除。

Answer 2

我找到了另一种方法来做同样的事情。我将要导入的整个文件放在一个字符串中，然后调用 document.write(theString) 。例如

//head.js
var s= 
`<meta charset='UTF-8'>
<link rel="stylesheet" href="/Program/assets/css/main.css">
<script src="/Program/assets/js/my.js"></script>
<script src="/Program/libs/highlight/highlight.pack.js"></script>
<link rel='stylesheet' href='/Program/libs/highlight/androidstudio2.css'>
<script src='/Program/assets/js/jquery.3.4.1.js' ></script>
<script>
$('code').each(function() {
   var that = $(this);
   var html = that.html().trim();
   that.empty();
   that.text(html);
 });
 hljs.initHighlightingOnLoad();
</script>
`;

document.write(s);

然后我调用这个新创建的脚本文件而不是主文件：

 <script src="/Program/head.js"></script>