Первоначально я разработал адаптивный весь веб-сайт (одну страницу), перенастраивая его, просто используя css и некоторые встроенные классы из начальной загрузки 4.
Теперь я обнаружил, что мне нужно перестроить всю настольную версию (или, скажем, с помощьюочень отличная структура от того, как он выглядит в настоящее время на мобильных устройствах).
Поэтому я хотел бы сохранить HTML-код, который у меня есть, и продолжать использовать его для мобильных устройств, изменять его копию и использовать его для настольных компьютеров.
Самый простой способ, которым я думал, это сохранить один файл index.html, как сейчас, продублировать всю внутреннюю часть index.html (между div с class = "page", который в основном идет сразу после body) иустановите один из них на class="page d-none d-lg-block", а другой class="page d-block d-lg-none", используя классы bs4 для отображения / скрытия содержимого в зависимости от размера экрана.
У меня есть различные встроенные функции js и другие функции в файлах js, которые относятся кидентификаторы, так что я чувствую, что это создает ошибки, потому что js видит одни и те же идентификаторы дважды, или некоторые вещи появляются при загрузке страницы (из-за встроенного класса bs4, чтобы показатьконтента), но просто чтобы быть уверенным, кто-нибудь знает, правильно ли это делать (в том числе SEO)?Или это будет портить JavaScript при этом?