Добрый день.
Делаю разработку сайта с тестированием на локальном сервере ( Apache, PHP, MySQL ). Сайт проверяется через браузер Chrome и на данный момент в нем все отображается и функционирует как надо. То есть подгружаются все JS скрипты.
Решил проверить адаптацию сайта под другие браузеры - Firefox, IE, Safari (с мобильного устройства).
Во всех вышеперечисленных браузерах контент грузится нормально как и в Хроме, за тем исключением что JS скрипты вообще не грузит, как будто их нет.
То есть Шапка сайта, Футер, Скролинг, и все остальные функции которые подключаются через js не работают. Повторюсь что сама страница загружается как и в Хроме, без проблем.
Вот таким образом происходит подключение скрипта:
<script type="text/javascript" src="js/имя_файла.js"></script>
P.S. Кодировки все соблюдены. Использование JS во всех браузерах проверил (ну кроме Сафари), все включено!
Шапка, футер и еще несколько функций у меня подключаются следующим способом:
index.php<link rel="import" id="import" href="header.php">index.jsvar link = document.querySelector('link[id="import"]');
var content = link.import.querySelector('.menu');
document.body.insertBefore(content.cloneNode(true), document.body.children[0]);
Я проверил через консоль выдает следующую ошибку:
TypeError: link.import is undefined
Повторяю в Google Chrome все работает
Подскажите как решить данный вопрос. В гугле не нашел информации на эту тему? 
Простой