【WebSocket】Safariからlocalhostに対してハンドシェイクする際の注意点

この記事の対象者

• とりあえずlocalhostで色々と試したいのに、なぜかSafariだけWebSocketのハンドシェイクがうまくいかない
• このサイト（http://websocketstest.com/）に行ってブラウザやポートがWebSocketに対応していることは確認済み

注意点

WebSocketを使った通信を行うときは

<script type="text/javascript">
 var ws = new WebSocket("ws://localhost:8080/websocket");
</script>

と記述するのが一般的だが、OS XのSafariやiOSシミュレーターのSafariから接続しようとするとコンソールにエラーが表示されてしまう。
なので、以下の様な記述に変更する。

<script type="text/javascript">
 var ws = new WebSocket("ws://127.0.0.1:8080/websocket");
</script>

少なくとも私の環境ではこの記述に変更することで解決した。

以上。

参考資料

• websocketを使う際の意外な落とし穴