JavaScript: Fallback-загрузка JS-библиотеки

Иногда основная JS-библиотека может не загрузиться (например, из-за кэширования, CDN-проблем или ошибок в путях). Чтобы предотвратить поломку функционала сайта, стоит добавить резервную (fallback) загрузку из внешнего источника.

<script src="/inc/js/название-библиотеки.js"></script>
<script>
	if (typeof window.ИмяГлобальногоОбъекта === 'undefined') {
		document.write('<script src="https://cdn.example.com/название-библиотеки.min.js"><\script>');
	}
</script>

Fallback-загрузка JS без document.write

<script src="/inc/js/название-библиотеки.js"></script>
<script>
	if (typeof window.ИмяГлобальногоОбъекта === 'undefined') {
		var fallbackScript = document.createElement('script');
		fallbackScript.src = 'https://cdn.example.com/название-библиотеки.min.js';
		fallbackScript.async = false;
		document.head.appendChild(fallbackScript);
	}
</script>

1.4 г. Просмотров: 422
Материал помог? Оценка помогает находить устаревшие и спорные решения.

Комментарии

0

Нашли ошибку или хотите дополнить материал?

Комментариев пока нет.Можно первым дополнить материал или сообщить об ошибке.
Telegram