Как запустить современный веб-сайт на планшете Android 4.2.2 [закрыто] ⇐ Android

[Anonymous]

Я создал веб-сайт, который прекрасно работает на моем ноутбуке.
У меня в основном используются 2 файла -> base.html, которыми я поделился
и page1 .html -> который динамически отображается в base.html -> который содержит основной контент
У меня есть несколько старых планшетов, которые поддерживают только версию Android 4.2.2. Я хочу открыть веб-сайт, который я создал на этих планшетах. Я открываю ссылку в браузере Chrome, и моя главная страница загружается, но видны только верхние и нижние колонтитулы. Мой основной контент не виден. Я предполагаю, что причина может быть в том, что HTML, JS и CSS там не отображаются.
Я готов купить новый планшет, однако у меня около 10 планшетов с Android 4.2. .2, которые я не хочу тратить зря. Я планирую использовать эти планшеты в своем ресторане, чтобы клиенты могли просматривать меню.
Есть предложения, как я могу решить эту проблему?
Я Я также пытался создать приложение с этими функциями и отправить APK-файл на планшет, но мне это тоже не удалось.
Я пытался уменьшить разрешение, но это тоже не помогло помощь.
Пример HTML-файла страницы:









HA Dashboard














Restaurant

A
B
C
D
E
F






© Restaurant. All rights reserved.





document.addEventListener("DOMContentLoaded", function() {

// Define the activePageName variable
var activePageName = 'Page 1'; // Default to Page 1

function loadPage(page, pageName) {
var xhr = new XMLHttpRequest();
xhr.open('GET', page, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("gridContainer").innerHTML = xhr.responseText;
activePageName = pageName;
updateActivePage();
}
};
xhr.send();
}

// Update the visual indicator for the current page
function updateActivePage() {
// Update the header text to show the current page name
// document.getElementById("currentPage").innerText = activePageName;

// Remove 'active' class from all buttons and add to the current one
var buttons = document.querySelectorAll('button');
for (var i = 0; i < buttons.length; i++) {
buttons.classList.remove('active');
}
}

const pages = ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'];

function resetButtonColor() {
pages.forEach(pageId => {
document.getElementById(pageId).classList.remove('active');
});
}

// Default to load Page 1 on start
loadPage('page1.html');
document.getElementById('page1').classList.add('active');

pages.forEach((pageId, index) => {
const pageButton = document.getElementById(pageId);
pageButton.addEventListener('click', function () {
resetButtonColor();
loadPage(`${pageId}.html`, `Page ${index + 1}`); // Load corresponding page
pageButton.classList.add('active'); // Add active class
});
});
});





Подробнее здесь: https://stackoverflow.com/questions/791 ... 2-2-tablet