Рендеринг пользовательского интерфейса DOM приложения DNA Editor не загружается ⇐ Html

[Anonymous]

введите описание изображения здесь
Вот как оно должно выглядеть и прекрасно работать в моем браузере, но мне пришлось начинать заново и пересобирать его с нуля для Android Webview, так как ему не нравится большая часть моего кода. У меня есть встроенный JavaScript, но теперь я пытаюсь создать загрузочный экран, который дает время для загрузки каждого файла JavaScript, но ни HTML, ни JavaScript даже не загружаются... Я в растерянности, и у меня работает действительно классное приложение. По сути, это CaDNAno для Android... По крайней мере, я на это надеюсь. Я бы опубликовал JS, но в последний раз мой вопрос был отмечен. Просто спросите, нужно ли вам это. Даже если я удалю свой JS, мои элементы все равно не отрисовываются...

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

DNA Origami Touch Editor


@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');

html,
body {
margin: 0;
padding: 0;
background-color: #0f0f1a;
font-family: 'Orbitron', sans-serif;
color: #00ffff;
overflow: hidden;
height: 100%;
}

#splash {
position: absolute;
width: 100%;
height: 100%;
background: #0f0f1a;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
font-size: 24px;
font-weight: bold;
}

canvas,
#ui,
#toggleSeqView,
#toggle3D,
#exportOXDNA {
visibility: hidden;
}





🧬 Loading DNA Editor...



...
...
...
...



// Super basic async loader with delay
setTimeout(() => {
const script = document.createElement('script');
script.src = 'ATCG_GRID.js'; // make sure path is correct
script.onload = () => console.log("✅ ATCG_GRID.js loaded successfully.");
script.onerror = () => console.error("❌ Failed to load ATCG_GRID.js.");
document.body.appendChild(script);
}, 750); // wait a bit for DOM/UI to settle

По сути, я несколько раз переформатировал свой код. Я пробовал встроенный, внешний, спрашивал AI, я пробовал все

Подробнее здесь: https://stackoverflow.com/questions/795 ... ot-loading