Obtenir la hauteur du contenu d'une iframe en Javascript sur le navigateur Android

Question

J'essaie de créer un javascript qui redimensionne automatiquement une iframe en fonction de la hauteur du contenu de l'iframe.

Ceci de QuirksMode ce qui implique que je peux utiliser clientHeight . Je l'obtiens de cette façon : var innerHeight = ele.contentWindow.document.documentElement.clientHeight et ensuite de mettre ele.height = innerHeight .

Sur le bureau de Chrome, cela fonctionne parfaitement et l'iframe s'adapte exactement au contenu. Cependant, sur le navigateur Android 2.2 par défaut, l'iframe n'est pas assez haute et une partie du contenu du bas de l'iframe est tronquée. Je l'ai également testé sur iPhone (3 je crois), et il se comporte de la même manière que sur Android.

Existe-t-il un meilleur moyen d'ajuster automatiquement la hauteur de l'iframe au contenu ?

Answer 1

Je ne suis pas sûr du code exact à utiliser dans ce contexte, mais Android dispose d'une excellente ressource pour les meilleures pratiques de développement pour le web mobile ici :

http://developer.Android.com/guide/webapps/best-practices.html

et cela peut aussi aider :

http://developer.Android.com/guide/webapps/targeting.html

et bien sûr, il serait négligent de lire ce que le W3C a à dire ici :

http://www.w3.org/TR/mobile-bp/

Je sais que ce n'est pas comme remettre un code, mais au moins c'est un début.