ページにアクセスするとリクエストが2回飛んでしまう現象の原因が判明しました

特定のページで二重アクセスが起きているようだ

そんな現象が確認できてから今日まで、原因不明で放置していたのですが、どうにもこうにもテストに支障がでてきたため本気で調べました。　プログラムを見直しても問題なさそうだし、設定も大丈夫っぽい、、なぜ？？、時間だけが過ぎていく・・　ほんと焦ります。そうこうしていて、気分変えないともうだめってとこまでいってしまい、機能テストをいったん止め、ブラウザ別の表示確認をみていたら、あれっ、Edgeだと二重アクセスおきてないじゃん！ えっ、　・・・こんなこともあるんですね。

chromeで二重アクセスが起きてしまう問題

開発中にありがちなところで、中途半端なHTMLひな形で開発していたことがchrome先生のお怒りをかっていたようです。 ”<link rel="shortcut icon" href="" />”、「「href=””」」これがよくなかったようで、試しにこの行を消すと正常アクセスになります。　うーん、これはわからない。　消してしまうと戻すを忘れそうなので、ファビコンを作ってから”<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />”へ修正したのでした。

気が付いたところ

問題を調査するときにプログラム的な要素を先行しがちですが、原因不明の事象を調べるとき、急いでいるときは、一回違う角度から見て、探ってみて、ということが必要ですね。

WordPressでSVGをアップロード！ メディアライブラリへ表示するための簡易対応

レスポンシブデザインと相性の良い便利なSVGファイルですが、WordPressはなぜかSVGファイルをサポートしていません。そこで、function.php へコードを足す方法で簡易対応ました。

SVGフォーマットを許可する

ダミーなメタ情報を追加する

JS スクロール時に要素の表示を判定する方法

上から下へスクロールして一度だけアニメーションとなる形でもよいのですが、今回は少し工夫して、上下スクロール量に応じて、要素が画面内へ表示できたときはアニメーションする・・なんてのも面白いですよ！

画面をスクロールした時に要素の表示状態を判定する方法

jQueryで「要素」が画面内に見えているかどうかを判別する