Question

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

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

但我无法在最新版本的Google Chrome旗帜中找到它

Answer 1

HTML Imports本身在Chrome, Opera and Android。

中实现

它仍然是W3C Working Draft。

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

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

更新2019

HTML在Chrome 73之后导入won't be supported natively。然后您应该使用其他解决方案：

polyfill，
备用模块加载器，
JS import结合template literals，
使用fetch()直接下载。

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>

Google Chrome仍支持HTML导入吗？

2 个答案: