Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


IFrames que no se cargan en dispositivos móviles o tablets

No he podido encontrar una respuesta que funcione. Tengo un iframe (sí, tengo que usar un iframe en esta ocasión) que funciona bien en la PC, pero no se carga en el móvil o la tableta en absoluto.

Hay un cierto Javascript en la página pero quitarlo no soluciona el problema. También he intentado cambiar la altura y anchura del iframe de los porcentajes a los valores fijos. También he intentado quitar todos los atributos del iframe con excepción de src y todavía no carga cualquier cosa en el iframe.

A continuación se muestra una versión simplificada de mi página, utilizando lo que he podido encontrar con otras sugerencias.

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: visible; } #content { position:absolute; left: 0; right: 0; bottom: 0; top: 0px; } </style> </head> <body> <script type="text/javascript"> function onFrameLoad() { do stuff }; </script> <div id="content"> <iframe onload="onFrameLoad(this)" id="app" src="https://subdomain.mydomain.com" frameborder="0" height="100%" width="100%"></iframe> </div> </body> </html> 

¿Puede alguien decirme por qué no funciona en el móvil? Gracias

ACTUALIZACIÓN: Limpiar el caché del navegador en la tableta lo arregló para eso, pero hacer lo mismo en el móvil no hizo nada. También intenté usar el iPhone de mi amigo (nunca han visitado el sitio antes) y no cargó.

La URL que estoy tratando de mostrar en el iframe funciona en iframes en sitios de demostración como w3schools en mi móvil por lo que no es una x-frame options o el navegador no permite ningún problema de iframes (aunque las opciones de marco x dejarían de funcionar en todos los dispositivos , Pero he comprobado todo lo que puedo pensar en)

Puedo proporcionar una URL de ejemplo en vivo por mensaje si es necesario.

2 Solutions collect form web for “IFrames que no se cargan en dispositivos móviles o tablets”

Me enfrenté a un problema similar con iframe y el acceso de dominio cruzado sobre WebView de iOS. El problema era con la aceptación de la galleta que estaba causando problemas.

El problema era la política de seguridad de cookies (HTTPCookieAcceptPolicy) para UIWebView, que anteriormente se había predeterminado en NSHTTPCookieAcceptPolicyAlways.

Pero a partir de iOS 7, obtuvo por defecto a NSHTTPCookieAcceptPolicyOnlyFromMainDocumentDomain, rompiendo mi aplicación.

El problema no parece ser el mismo, pero podría estar en las mismas líneas.

El problema era como yo había sospechado – la URL del iframe estaba llamando a algunos elementos no garantizados y ciertos navegadores en móviles y tabletas (y Firefox en el escritorio) no muestran nada si el contenido se mezcla entre seguro y no seguro (mi dominio es Todos los https).

Ahora que están arreglados y todo está alojado / llamado de forma segura, borrar la caché por completo y recargar la página corrige el problema incluso en los navegadores móviles.

La razón por la que estaba trabajando en tableta y no móvil era puramente a tiempo y cuando los elementos diferentes enlaces https estaban rotos (redirigir a http en su lugar) y cuando las diferentes páginas se almacenaron en caché.

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.