이 article, 에 따르면 최신 버전의 Chrome (현재 HTML 가져 오기를 활성화하는 유일한 브라우저 일 수 있음) 이외의 브라우저에서 Polymer를 통한 HTML 가져 오기를 사용할 수 있습니다. 그러나 동일한 기사에서 적응 다음과 같은 HTML과 :Chrome에서 HTML 가져 오기가 작동하지 않음
1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Basic HTML Imports</title>
<!-- Pull in our blog post example -->
<link rel="import" href="2.html">
</head>
<body>
<p>Hello World!</p>
<script src="platform.js"></script>
<script>
window.addEventListener('HTMLImportsLoaded', function() {
var link = document.querySelector('link[rel=import]');
var content = link.import.querySelector('#test');
document.body.appendChild(document.importNode(content, true));
});
</script>
</body>
</html>
2.html
<div id="test">
<h1>Here is the Import </h1>
</div>
나는 following result을 얻고있다.
<div id="test">
은 Firefox에서는 가져 왔지만 Chrome에서는 가져 오지 못한 것으로 보입니다. about : flags에서 experimental Web Platform 기능을 사용하려고했습니다.
Chrome에서도 사용할 수있는 방법이 있습니까? Firefox와 Chrome의 최신 빌드를 사용하여 기본 가져 오기를 사용할 수있는 솔루션을 찾고 있습니다. (내 프로젝트는 2016 년 초까지 진행되지 않으므로 그때까지 모든 플랫폼에서 표준 지원이 제공되기를 기대하지만 해결 방법은 그만큼 좋습니다.) 감사합니다.
이것은 그들이 여기에있는 방법입니다 : http://www.w3.org/TR/html-imports/#link-type-import – seraph
흠, 내 의견을 말해 주셔서 대개 저는 이것을 PHP로 사용합니다 :) – zanderwar