Download iframe resizer - download do código-fonte iframe resizer

iframe resizer

Outro código-fonte

v5.3.2

Baixar

Introdução

A biblioteca iframe-resizer visa eliminar os problemas do uso de iframes. Ele redimensionará seu iframe para corresponder ao tamanho do seu conteúdo e, em seguida, monitorará o iframe para garantir que ele tenha sempre o tamanho perfeito.

Redimensionamento confiável

Como os navegadores não fornecem um método único e confiável para calcular o tamanho do conteúdo, o iframe-resizer inspeciona automaticamente sua página e seleciona o melhor valor para seu conteúdo sempre que detecta algo alterado.

Alto desempenho

Para garantir um impacto mínimo em seu site, o iframe-resizer é altamente otimizado e utiliza a Teoria dos Conjuntos para garantir que verifica apenas os elementos da página que afetam o dimensionamento dos seus iframes.

Mesmo nas páginas mais complexas, o iframe-resizer pode detectar alterações em HTML e CSS, calcular as dimensões do conteúdo revisado e atualizar o iframe em menos de milissegundos.

Domínio Cruzado

Suporta iframes internos (mesmo domínio) e externos (domínios cruzados) por meio de um arquivo JS simples projetado para ser um convidado de impacto zero nos sites que o hospedam.

API estendida

Além disso, o iframe-resizer fornece uma variedade de recursos ausentes da API do navegador, que permitem integrar com segurança o conteúdo do iframe à página pai.

Role a página em relação ao iframe ou à posição da página pai
Obtenha detalhes da posição do iframe, da posição de rolagem e da janela de visualização da página pai
Corrige a vinculação de páginas no iframe e permite que os links se propaguem para a página pai
Adiciona eventos onMouseEnter e onMouseLeave ao elemento iframe
Passagem simplificada de mensagens entre o iframe e a página pai
Autenticação automática de domínio
Acessibilidade aprimorada

Quando combinado com o viewer.js, ele pode até redimensionar iframes contendo documentos PDF e ODF.

Guia de configuração e API

Consulte o site iframe-resizer para obter guias de configuração e documentação da API. Isso inclui versões para:

Baunilha JS
Reagir
Vista
Angular
jQuery

Junto com guias de configuração para:

WordPress
Script do Google Apps

Também é uma API para suportar a criação de componentes personalizados adicionais.

Versão 5

Esta versão do iframe-resizer foi extensivamente reescrita para usar APIs de navegador modernas, o que permitiu um desempenho significativamente melhor e maior precisão na detecção de eventos de redimensionamento de conteúdo.

Com esta versão, foi aproveitada a oportunidade de atualizar e simplificar a API. Se você vem de uma versão anterior, há um Guia de atualização para explicar as mudanças.

Pacotes principais

Para a versão 5, o iframe-resizer é dividido em dois pacotes principais para simplificar a implantação em diferentes domínios e oferecer melhor suporte à agitação da árvore. Esses dois pacotes podem ser instalados a partir do NPM ou baixados como um arquivo zip.

@iframe-resizer/pai

O pacote da página pai configura um iframe para redimensionamento automático do conteúdo. Existem versões deste pacote para diversas bibliotecas e frameworks populares (veja abaixo).

@iframe-resizer/filho

Este pacote precisa ser carregado no iframe, onde aguardará silenciosamente por uma mensagem da página pai antes de inicializar. Ele foi projetado para ser um bom convidado no site de outra pessoa.