location.reload();をつかうと、スマートフォンで表示させると画面が何度もリロードされる。

Question

ウィンドウの幅が変更されたり、
スマートフォンを縦横に傾けた時に、
HTMLファイルを再読み込みさせようと思い、
javascriptを入れているのですが、
パソコンでは問題なく閲覧できるのですが、
いくつかの機種のスマートフォンで閲覧した
場合に、リロードが無限に発生するという
トラブルが起きました。
基本的なことがわからずにコードを
書いたせいもありますが、
下記のコードは間違っているでしょうか？

・現象確認機種
zenphone2
mot G5+

snowFall.snow(
  document.querySelectorAll(".fall"),
  {
    shadow : true,
    flakeCount:500,
    image : "fall/snow.png",
    minSize: 6,
    maxSize:16,
    shadow : false,
    maxSpeed : 5,
  }); //雪の量と画像の指定
  
window.addEventListener('resize',function(){
  location.reload();
});

Answer 1

ロード時に何らかの理由でresizeイベントが発生していると見るべきでしょうね
resizeでリロードはちょっと厳しいのでは
ページの作り方にもよりますがリロードを前提とするページ構成は再考すべきだと思います

とりあえずロード時さえ回避すればいいのであれば
ロード時にフラグをたてて、フラグがtrueならresize時にリロードなど
対応方法はあると想います

var flg=false;
window.addEventListener('resize',function(){
  if(flg) location.reload();
});
window.addEventListener('DOMContentLoaded', function(){
  flg=true;
});