Iframe / javascript не работает в мобильных браузерах [дублировать] ⇐ Javascript

[Anonymous]

У меня есть HTML -страница, которая внедряет PDF в Iframe. Страница развернута как статический сайт в AWS S3. (http endpoint) < /p>
Когда пользователь приземляется на странице, отображается модальный диалог, содержащий изображение. Мне также нужно найти пользовательское местоположение пользователя. Я извлекаю местоположение пользователя из пользовательского IP-адреса. Дело хорошо работает над настольными браузерами. В тот момент, когда я пытаюсь получить доступ к мобильным, Android или iOS, страница не загружается. Просто пустой экран. < /P>
Пара вещей, которые я попробовал ... < /p>

Источник iframe для https endpoint < /li >
Используйте Embed вместо iframe. Document.AddeventListener ("Domcontentload"). >

Код: Выделить всё

const myModal = new bootstrap.Modal('#load-modal');

window.addEventListener('DOMContentLoaded', function() {
myModal.show();
});

document.addEventListener("DOMContentLoaded", function() {
console.log("Inside addeventlistener")
// Fetch latitude and longitude based on IP address
fetch("https://ipapi.co/json")
.then(response => response.json())
.then(data => {
console.log(data.latitude)
console.log(data.longitude)
const bdcAPI = `https://api-bdc.net/data/reverse-geocode-client?
// latitude=${data.latitude}&
// longitude=${data.longitude}`
getAPI(bdcAPI)
})
.catch(error => {
console.error("Error fetching IP address:", error);
});
});

function getAPI(bdcAPI) {
fetch(bdcAPI)
.then(response => response.json())
.then(data => {
console.log(data.countryName)
console.log(data.city)

functionURL(data.continentCode, data.continent, data.countryCode,
data.countryName, data.principalSubdivisionCode, data.principalSubdivision, data.city, data.locality)
})
.catch(error => {
console.error("Error fetching country and city name", error);
});
}

function functionURL(continentCode, continent, countryCode, countryName,
principalSubdivisionCode, principalSubdivision, city, locality) {

const functionurl = `https://placeholder.lambda-url.ap-south-1.on.aws/?continentCode=${continentCode}&continent=${continent}&countryCode=${countryCode}&countryName=${countryName}&principalSubdivisionCode=${principalSubdivisionCode}&principalSubdivision=${principalSubdivision}&city=${city}&locality=${locality}`

console.log(functionurl)

fetch(functionurl)
.then(response => response.json())
.then(data => {
console.log('Location logged successfully!!')
})
.catch(error => {
console.error("Error calling function url:", error);
});
}< /code>



 Macleods Journal 











Journal of The Association of Physicians of India (2025)






X


[img]advertisment.jpg[/img]





 

Подробнее здесь: https://stackoverflow.com/questions/794 ... e-browsers