Is there a cross-domain iframe height auto-resizer that works?

by

You have three alternatives:

1. Use iFrame-resizer

This is a simple library for keeping iFrames sized to their content. It uses the PostMessage and MutationObserver APIs, with fall backs for IE8-10. It also has options for the content page to request the containing iFrame is a certain size and can also close the iFrame when your done with it.

https://github.com/davidjbradshaw/iframe-resizer

2. Use Easy XDM (PostMessage + Flash combo)

Easy XDM uses a collection of tricks for enabling cross-domain communication between different windows in a number of browsers, and there are examples for using it for iframe resizing:

http://easyxdm.net/wp/2010/03/17/resize-iframe-based-on-content/

http://kinsey.no/blog/index.php/2010/02/19/resizing-iframes-using-easyxdm/

Easy XDM works by using PostMessage on modern browsers and a Flash based solution as fallback for older browsers.

See also this thread on Stackoverflow (there are also others, this is a commonly asked question). Also, Facebook would seem to use a similar approach.

3. Communicate via a server

Another option would be to send the iframe height to your server and then poll from that server from the parent web page with JSONP (or use a long poll if possible).

More Related Contents:

  1. using postmessage to refresh iframe’s parent document
  2. Can Cross-Origin Resource Sharing headers authorize X-Domain IFRAME access?
  3. Overcoming “Display forbidden by X-Frame-Options”
  4. Access parent URL from iframe
  5. cross-domain iframe resize
  6. javascript access parent DOM across domains?
  7. How do I implement Cross Domain URL Access from an Iframe using Javascript?
  8. Youtube iframe wmode issue
  9. Failed to load resource: net::ERR_INSECURE_RESPONSE
  10. Unsafe JavaScript attempt to access frame with URL
  11. Content script for iframe inside extension popup or background script
  12. Iframe scrolling iOS 8
  13. How can I access the DOM elements within an iFrame
  14. How is it possible for an iframe to access its parents DOM?
  15. Apply a Greasemonkey/Tampermonkey userscript to an iframe
  16. Angular, onLoad function on an iFrame
  17. How can two instances of a userscript communicate between frames?
  18. Inserting the iframe into react component
  19. HTTP and HTTPS iframe
  20. how to resolve iframe cross domain issue [duplicate]
  21. google homepage will not load in an iframe
  22. Load an iframe asynchronously
  23. Cross sub domain iframes and JavaScript
  24. How can I Gmail?
  25. iframe not reading cookies in Chrome
  26. Print iframe content in Opera and Chrome
  27. YouTube Autoplay does not work with iFrame
  28. Cross domain iframe content load detection
  29. Getting around X-Frame-Options DENY in a Chrome extension?
  30. What is crossdomain.xml file?

Leave a Comment