Блог

Главная - Вопросы по программированию - Как запустить этот скрипт до загрузки страницы

Как запустить этот скрипт до загрузки страницы

#javascript

#javascript

Вопрос:

Я хочу, чтобы этот скрипт выполнялся до того, как страница будет показана пользователю, чтобы пользователь не видел страницу, которую нужно настроить в режиме реального времени.

Кто-нибудь может помочь?

 <script>
        $(document).ready(function () {
            onResize();
            $(window).resize(function () {
                onResize();
            });
        });
        function onResize() {
            var w = $(window).width();
            var ratio = 1;
            if (w < 1920) {
                ratio = (w / 1920);
            }
            if (isTablet()) {
                ratio = ratio * 1.25;
            }
            if (isMobile()) {
                ratio = ratio * 3;
            }

            $('body').css('font-size', ratio   'px');
        }

        function isTablet() {
            if ($('.tablet:visible').length > 0) {
                return true;
            } else {
                return false;
            }
        }
        function isMobile() {
            if ($('.mobile:visible').length > 0) {
                return true;
            } else {
                return false;
            }
        }
</script>

Комментарии:

1. Ну, вы могли бы использовать таблицы стилей, чтобы получить его в пределах допустимого, чтобы скачок не был огромным. Или просто используйте vw

2. JS не нужен. Используйте CSS @media

Ответ №1:

то, что вы пытаетесь сделать с помощью Javascript, можно легко сделать только с помощью css и использования медиа-запросов. Я бы посоветовал вам узнать о них, а не использовать «хаки», чтобы делать что-то, что не является обычным поведением веб-страницы

Ответ №2:

Используйте CSS, чтобы скрыть содержимое страницы, а затем выполните этот код, а затем отобразите содержимое страницы.