JavaScriptでサーバー上かローカルでの実行か知る

やりたいこと

Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。

（ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています）

プロトコルによる確認

URLのプロトコルパートで確認できます。

ローカルで動作するときはURLのプロトコルは”file:”、サーバ上で動作する場合は”http:”もしくは”https:”です。

そのため以下のようなコードで確認することができます。

if (location.protocol == "file:") {
    //////ローカルで実行
} else {
    //////サーバ上で実行
}

結果

Javascriptでサーバ上で実行されているかローカルで実行しているのか確認し処理を分けることができました。