Unduh iframe resizer - unduh kode sumber iframe resizer

iframe resizer

Kode sumber lainnya

v5.3.2

Unduh

Perkenalan

Pustaka pengubah ukuran iframe bertujuan untuk menghilangkan kendala dalam penggunaan iframe. Ini akan mengubah ukuran iframe Anda agar sesuai dengan ukuran konten Anda dan kemudian memantau iframe untuk memastikan ukurannya selalu sempurna.

Pengubahan Ukuran yang Andal

Karena browser tidak menyediakan metode tunggal yang dapat diandalkan secara konsisten untuk menghitung ukuran konten, iframe-resizer secara otomatis memeriksa halaman Anda dan memilih nilai terbaik untuk konten Anda setiap kali mendeteksi ada perubahan.

Kinerja Tinggi

Untuk memastikan dampak minimal pada situs Anda, pengubah ukuran iframe sangat dioptimalkan dan menggunakan Teori Himpunan untuk memastikannya hanya memeriksa elemen laman yang memengaruhi ukuran iframe Anda.

Bahkan pada halaman yang paling kompleks sekalipun, iframe-resizer dapat mendeteksi perubahan pada HTML dan CSS, menghitung dimensi konten yang direvisi, dan memperbarui iframe dalam waktu kurang dari milidetik.

Lintas Domain

Mendukung iframe internal (domain yang sama) dan eksternal (lintas domain) melalui file JS sederhana yang dirancang untuk menjadi tamu tanpa dampak di situs yang menghostingnya.

API yang diperluas

Selain itu, iframe-resizer menyediakan serangkaian fitur API browser yang hilang, yang memungkinkan Anda mengintegrasikan konten iframe dengan halaman induk secara aman.

Gulir halaman, relatif terhadap posisi iframe atau halaman induk
Dapatkan detail posisi iframe, posisi gulir, dan area pandang halaman induk
Memperbaiki tautan halaman di iframe dan memungkinkan tautan menyebar ke halaman induk
Menambahkan peristiwa onMouseEnter dan onMouseLeave ke elemen iframe
Pesan yang disederhanakan lewat antara iframe dan halaman induk
Otentikasi domain otomatis
Aksesibilitas yang Ditingkatkan

Ketika dikombinasikan dengan viewer.js bahkan dapat mengubah ukuran iframe yang berisi dokumen PDF dan ODF.

Panduan penyiapan dan API

Silakan lihat situs web pengubah ukuran iframe untuk panduan pengaturan dan dokumentasi API. Ini termasuk versi untuk:

vanila JS
Bereaksi
Lihat
sudut
jQuery

Bersamaan dengan panduan pengaturan untuk:

WordPress
Skrip Google Apps

Mereka juga merupakan API untuk mendukung pembuatan komponen khusus tambahan.

Versi 5

Versi pengubah ukuran iframe ini telah banyak ditulis ulang untuk menggunakan API browser modern, sehingga menghasilkan kinerja yang jauh lebih baik dan akurasi yang lebih baik dalam mendeteksi peristiwa pengubahan ukuran konten.

Dengan rilis ini, kesempatan telah diambil untuk menyegarkan dan menyederhanakan API, jika Anda menggunakan versi sebelumnya maka ada Panduan Peningkatan untuk menjelaskan perubahannya.

Paket utama

Untuk versi 5, iframe-resizer dibagi menjadi dua paket utama agar lebih mudah diterapkan di berbagai domain dan mendukung guncangan pohon dengan lebih baik. Kedua paket ini dapat diinstal dari NPM, atau diunduh sebagai file zip.

@iframe-resizer/parent

Paket halaman induk menyiapkan iframe untuk mengubah ukuran konten otomatis. Ada versi paket ini untuk beberapa perpustakaan dan kerangka kerja populer (lihat di bawah).

@iframe-resizer/anak

Paket ini perlu dimuat ke dalam iframe, yang akan menunggu pesan dari halaman induk secara diam-diam sebelum diinisialisasi. Ini dirancang untuk menjadi tamu yang baik di situs orang lain.