如何在页面加载之前获取此脚本触发器

Question

I want this script to be executed before the page is shown to the user so that the user does not see the page to be adjusted in real time.

Can anyone help?

<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>

Answer 1

what you're trying to do with Javascript could be easily done with css only and the usage of media queries . I would suggest you to learn about them instead of using "hacks" to do something that is not the regular behaviour of a web page

Answer 2

Use CSS to hide page content, and then execute this code, and then display page content.