Мне не удалось найти ответ, который работает. У меня есть iframe (да, я должен использовать iframe по этому поводу), который отлично работает на ПК, но не загружается на мобильный или планшет вообще.
На странице есть Javascript, но удаление его не устраняет проблему. Я также попытался изменить высоту и ширину iframe от процентов к фиксированным значениям. Я также попытался удалить все атрибуты из iframe, кроме src, и он все равно ничего не загружает в iframe.
Ниже приведена упрощенная версия моей страницы, используя то, что я смог найти из других предложений.
<!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>
Может ли кто-нибудь сказать мне, почему он не работает на мобильных устройствах? Благодаря
ОБНОВЛЕНИЕ: Очистка кеша браузера на планшете исправила его для этого, но делать то же самое на мобильных устройствах ничего не делало. Я также пробовал использовать мой iPhone для iPhone (они никогда не посещали сайт раньше), и он не загружался.
URL-адрес, который я пытаюсь отобразить в iframe, работает в iframe на демонстрационных сайтах, таких как w3schools на моем мобильном телефоне, поэтому он не поддерживает x-frame options или браузер, не разрешая никаких проблем с iframes (хотя параметры x-frame останавливают работу все устройства, но я проверил все, о чем я могу думать)
Я могу предоставить живой пример URL через сообщение, если это необходимо.