Скачать iframe resizer - iframe resizer Скачать исходный код

iframe resizer

Другой исходный код

v5.3.2

Скачать

Введение

Библиотека iframe-resizer призвана устранить болевые точки при использовании iframe. Он изменит размер вашего iframe в соответствии с размером вашего контента, а затем будет отслеживать iframe, чтобы убедиться, что он всегда имеет идеальный размер.

Надежное изменение размера

Поскольку браузеры не предоставляют единого надежного метода расчета размера контента, iframe-resizer автоматически проверяет вашу страницу и выбирает наилучшее значение для вашего контента каждый раз, когда обнаруживает что-то измененное.

Высокая производительность

Чтобы обеспечить минимальное влияние на ваш сайт, iframe-resizer высоко оптимизирован и использует теорию множеств , чтобы гарантировать, что он проверяет только те элементы страницы, которые влияют на размер ваших iframe.

Даже на самых сложных страницах iframe-resizer может обнаруживать изменения как в HTML, так и в CSS, рассчитывать измененные размеры контента и обновлять iframe за доли миллисекунды.

Междоменный домен

Поддерживает как внутренние (в том же домене), так и внешние (междоменные) iframe с помощью простого JS-файла, который предназначен для того, чтобы быть гостем с нулевым влиянием на сайты, на которых он размещен.

Расширенный API

Кроме того, iframe-resizer предоставляет ряд недостающих функций API браузера, что позволяет безопасно интегрировать содержимое iframe с родительской страницей.

Прокрутите страницу относительно позиции iframe или родительской страницы.
Получите подробную информацию о положении iframe, положении прокрутки и области просмотра родительской страницы.
Исправлены ссылки на страницы в iframe и разрешено распространение ссылок на родительскую страницу.
Добавляет события onMouseEnter и onMouseLeave в элемент iframe.
Упрощенная передача сообщений между iframe и родительской страницей.
Автоматическая аутентификация домена
Расширенная доступность

В сочетании с Viewer.js он может даже изменять размер iframe, содержащего документы PDF и ODF.

Руководство по настройке и API

Пожалуйста, посетите веб-сайт iframe-resizer для получения руководств по настройке и документации API. Сюда входят версии для:

Ванильный JS
Реагировать
Вю
Угловой
jQuery

Вместе с руководствами по настройке для:

Вордпресс
Скрипт Google Apps

У них также есть API для поддержки создания дополнительных пользовательских компонентов.

Версия 5

Эта версия iframe-resizer была тщательно переписана для использования современных API-интерфейсов браузера, что позволило значительно повысить производительность и точность обнаружения событий изменения размера контента.

В этом выпуске появилась возможность обновить и упростить API. Если вы используете предыдущую версию, то у вас есть Руководство по обновлению, объясняющее изменения.

Основные пакеты

В версии 5 iframe-resizer разделен на два основных пакета, чтобы упростить развертывание в разных доменах и улучшить поддержку встряхивания деревьев. Эти два пакета можно установить из NPM или загрузить в виде zip-файла.

@iframe-resizer/родитель

Пакет родительской страницы устанавливает iframe для автоматического изменения размера контента. Это версии этого пакета для нескольких популярных библиотек и фреймворков (см. ниже).

@iframe-resizer/ребенок

Этот пакет необходимо загрузить в iframe, где он будет спокойно ждать сообщения от родительской страницы перед инициализацией. Он создан для того, чтобы стать хорошим гостем на чужом сайте.