踩到Window resize在Preview print的雷

最近在作案的過程中遇到一個狀況,從Art design那邊拿到的頁面,會在Window resize的時候執行某個Function,本來一切都正常,但測試到Chrome和Firefox預覽列印時發現也會Trigger這個Event,會讓在預覽列印過後的頁面發生問題,所以必須要進行修正,以下是這個案例的說明:

先在測試頁加入以下的程式,發現在預覽列印的時候會Trigger window resize event:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Preview Print Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $(window).resize(function() {
            console.log("Window Resize");
        });
    </script>
</head>
<body>
<h1>Window Resize Test</h1>
</body>
</html>
Preview print trigger window resize event
Preview print trigger window resize event

網路上搜尋了一下解決方案,將Script改寫如下,可以順利解決,但不知道是不是最好的方法,如果大家有更好的也別忘了告訴我唷~

openResizeFn();

// Chorme
var print = false;
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function (mql) {
    if (mql.matches) {
        closeResizeFn();
    } else {
        setTimeout(openResizeFn, 2000);
    }
});

// Firefox
window.onbeforeprint = function () {
    closeResizeFn();
};
window.onafterprint = function () {
    setTimeout(openResizeFn, 2000);
};

// Common Function
function openResizeFn() {
    $(window).on("resize", windowResize);
}

function closeResizeFn() {
    $(window).off("resize", windowResize);
}

function windowResize() {
    console.log("Window Resize");
}

You may also like...

7,026 Responses

  1. Wiqnjm表示:

    how to buy hydrochlorothiazide – buy norvasc no prescription order bisoprolol 5mg sale

  2. RandallTaulp表示:

    buy generic propecia pill: propecia without dr prescription – order generic propecia

  3. WilliamRhype表示:

    http://cytotec.club/# buy cytotec online

  4. DichaelDax表示:

    В нашем обществе, где диплом становится началом отличной карьеры в любой области, многие стараются найти максимально простой путь получения качественного образования. Наличие официального документа об образовании переоценить невозможно. Ведь именно диплом открывает дверь перед всеми, кто собирается начать профессиональную деятельность или продолжить обучение в высшем учебном заведении.
    Наша компания предлагает очень быстро получить любой необходимый документ. Вы можете заказать диплом старого или нового образца, и это является выгодным решением для всех, кто не смог закончить обучение, утратил документ или желает исправить плохие оценки. Все дипломы производятся с особой аккуратностью, вниманием к мельчайшим нюансам, чтобы в итоге получился полностью оригинальный документ.
    Превосходство этого подхода заключается не только в том, что вы максимально быстро получите свой диплом. Весь процесс организовывается просто и легко, с нашей поддержкой. От выбора требуемого образца диплома до грамотного заполнения личной информации и доставки по стране — все под полным контролем наших специалистов.
    В результате, для тех, кто пытается найти быстрый и простой способ получения необходимого документа, наша компания предлагает отличное решение. Купить диплом – это значит избежать долгого процесса обучения и не теряя времени переходить к своим целям: к поступлению в университет или к началу удачной карьеры.

    https://dlplomanrussian.com

  5. WilliamRhype表示:

    http://lisinopril.network/# lisinopril 80 mg tablet

  6. Davidtes表示:

    cipro pharmacy buy cipro online ciprofloxacin order online

  7. Ronaldpsymn表示:

    https://cytotec.club/# cytotec abortion pill

  8. RandallTaulp表示:

    buy lisinopril online usa: zestril drug – prinivil 10 mg

  9. Timsothyabela表示:

    В нашем мире, где диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения образования. Наличие официального документа трудно переоценить. Ведь диплом открывает двери перед каждым человеком, который стремится вступить в сообщество профессионалов или продолжить обучение в ВУЗе.
    Мы предлагаем быстро получить этот важный документ. Вы можете заказать диплом, что является удачным решением для человека, который не смог закончить обучение или потерял документ. дипломы производятся с особой аккуратностью, вниманием ко всем деталям, чтобы на выходе получился документ, 100% соответствующий оригиналу.
    Превосходство данного решения состоит не только в том, что можно оперативно получить диплом. Весь процесс организовывается комфортно, с профессиональной поддержкой. От выбора подходящего образца до консультации по заполнению личной информации и доставки по России — все под абсолютным контролем наших мастеров.
    Для тех, кто ищет быстрый и простой способ получить необходимый документ, наша компания предлагает отличное решение. Заказать диплом – это значит избежать длительного процесса обучения и не теряя времени переходить к достижению собственных целей, будь то поступление в университет или начало трудовой карьеры.

    https://diploman-russiyan.com

  10. RandallTaulp表示:

    get propecia no prescription: buying cheap propecia no prescription – buy propecia pills

  11. WilliamRhype表示:

    https://lisinopril.network/# buy lisinopril 5mg

  12. Davidtes表示:

    nolvadex side effects tamoxifen headache tamoxifen estrogen

  13. WilliamRhype表示:

    http://nolvadex.life/# tamoxifen dosage

  14. EarnestAvada表示:

    В современном мире, где диплом – это начало удачной карьеры в любой сфере, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Наличие официального документа об образовании сложно переоценить. Ведь диплом открывает двери перед любым человеком, желающим вступить в профессиональное сообщество или продолжить обучение в ВУЗе.
    В данном контексте наша компания предлагает максимально быстро получить этот необходимый документ. Вы сможете приобрести диплом нового или старого образца, и это становится отличным решением для всех, кто не смог закончить обучение или потерял документ. дипломы производятся с особой тщательностью, вниманием ко всем нюансам, чтобы в результате получился 100% оригинальный документ.
    Плюсы такого решения заключаются не только в том, что вы максимально быстро получите диплом. Весь процесс организовывается удобно, с профессиональной поддержкой. Начав от выбора нужного образца диплома до точного заполнения персональной информации и доставки в любой регион России — все под абсолютным контролем опытных мастеров.
    Всем, кто хочет найти быстрый и простой способ получения требуемого документа, наша услуга предлагает отличное решение. Купить диплом – это значит избежать долгого процесса обучения и сразу перейти к достижению собственных целей: к поступлению в университет или к началу трудовой карьеры.

    https://diplomanc-russia24.com

  15. 술이 몸에 미치는 영향과 비아그라의 의도된 효과를 이해함으로써 자신의 성적 경험을 향상시키는 책임감 있는 선택을 할 수 있습니다. 비아그라를 복용하면서 술을 마시는 것을 선택했다면, 적당히 하고 몸의 반응을 염두에 두어야 합니다.

    술먹고 비아그라 먹으면

  16. RandallTaulp表示:

    buy generic propecia: get generic propecia price – order propecia without prescription

  17. RandallTaulp表示:

    lisinopril online canada: lisinopril 5 mg daily – best generic lisinopril

  18. Ronaldpsymn表示:

    http://lisinopril.network/# rx 535 lisinopril 40 mg

  19. Davidtes表示:

    buy generic ciprofloxacin cipro 500mg best prices buy ciprofloxacin over the counter

  20. WilliamRhype表示:

    http://lisinopril.network/# price for 5 mg lisinopril

  21. StephenDeery表示:

    В нашем обществе, где диплом является началом удачной карьеры в любом направлении, многие ищут максимально быстрый путь получения образования. Факт наличия документа об образовании переоценить просто невозможно. Ведь диплом открывает двери перед любым человеком, желающим начать профессиональную деятельность или продолжить обучение в высшем учебном заведении.
    Наша компания предлагает максимально быстро получить этот необходимый документ. Вы можете купить диплом, и это является удачным решением для всех, кто не смог завершить образование или потерял документ. диплом изготавливается с особой аккуратностью, вниманием ко всем элементам. В результате вы сможете получить 100% оригинальный документ.
    Плюсы этого подхода состоят не только в том, что вы оперативно получите свой диплом. Весь процесс организован комфортно, с нашей поддержкой. Начиная от выбора необходимого образца документа до консультации по заполнению персональной информации и доставки по России — все под абсолютным контролем квалифицированных мастеров.
    Для всех, кто ищет быстрый способ получить необходимый документ, наша компания предлагает отличное решение. Приобрести диплом – это значит избежать длительного обучения и сразу переходить к своим целям, будь то поступление в ВУЗ или начало трудовой карьеры.

    https://diplomanc-russia24.com

  22. WilliamRhype表示:

    http://finasteride.store/# cost cheap propecia prices

  23. RandallTaulp表示:

    buy cytotec online: purchase cytotec – buy misoprostol over the counter

  24. Timsothyabela表示:

    В нашем мире, где диплом является началом успешной карьеры в любом направлении, многие ищут максимально быстрый путь получения качественного образования. Наличие официального документа об образовании переоценить невозможно. Ведь именно он открывает дверь перед каждым человеком, желающим вступить в профессиональное сообщество или продолжить обучение в каком-либо институте.
    В данном контексте наша компания предлагает максимально быстро получить этот необходимый документ. Вы можете купить диплом старого или нового образца, что является отличным решением для всех, кто не смог закончить обучение, утратил документ или хочет исправить свои оценки. диплом изготавливается аккуратно, с особым вниманием ко всем нюансам. В результате вы сможете получить продукт, полностью соответствующий оригиналу.
    Плюсы такого подхода состоят не только в том, что можно быстро получить диплом. Весь процесс организован комфортно, с нашей поддержкой. Начиная от выбора подходящего образца до грамотного заполнения личных данных и доставки по стране — все под полным контролем качественных специалистов.
    Всем, кто пытается найти максимально быстрый способ получить требуемый документ, наша компания предлагает отличное решение. Заказать диплом – это значит избежать долгого обучения и не теряя времени перейти к личным целям: к поступлению в ВУЗ или к началу успешной карьеры.

    https://dlplomanrussian.com

  25. Ronaldpsymn表示:

    http://finasteride.store/# cost of propecia tablets

  26. RandallTaulp表示:

    lisinopril 10 mg online: otc lisinopril – generic lisinopril 5 mg

  27. WilliamRhype表示:

    http://finasteride.store/# order cheap propecia no prescription

  28. WilliamRhype表示:

    http://ciprofloxacin.tech/# buy ciprofloxacin over the counter

  29. EarnestAvada表示:

    В нашем обществе, где диплом является началом успешной карьеры в любой области, многие ищут максимально быстрый и простой путь получения образования. Важность наличия официального документа об образовании трудно переоценить. Ведь диплом открывает дверь перед всеми, кто собирается начать профессиональную деятельность или учиться в любом ВУЗе.
    В данном контексте наша компания предлагает быстро получить этот необходимый документ. Вы сможете приобрести диплом, и это является удачным решением для всех, кто не смог завершить образование или утратил документ. Каждый диплом изготавливается с особой тщательностью, вниманием ко всем деталям, чтобы на выходе получился продукт, 100% соответствующий оригиналу.
    Превосходство этого подхода состоит не только в том, что вы сможете максимально быстро получить свой диплом. Процесс организовывается комфортно, с профессиональной поддержкой. От выбора нужного образца до грамотного заполнения личных данных и доставки в любое место России — все находится под полным контролем наших мастеров.
    Для всех, кто ищет быстрый и простой способ получить требуемый документ, наша услуга предлагает отличное решение. Купить диплом – это значит избежать продолжительного обучения и не теряя времени перейти к достижению собственных целей, будь то поступление в университет или старт успешной карьеры.

    https://dlplomanrussian.com

  30. RandallTaulp表示:

    tamoxifen adverse effects: tamoxifen depression – what is tamoxifen used for

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。