JavascriptでPC スマホサイトを振り分けた後、スマホでPCサイトを見るとき

###前提・実現したいこと
スマートフォンとPCをユーザーエージェントでJavascriptで振り分けた後、スマホでPCサイトを見るときに他のページに飛ぶたびにスマートフォン表示をさせるかどうかのダイアログが出てしまい煩わしいです。
一旦スマホからPCサイトに入った後は他のリンクを辿ってもダイアログが出ないようにできないでしょうか?

###発生している問題・エラーメッセージ

スマホでPCサイトのリンクをたどるたびに、スマートフォンサイトを表示するかどうかのダイアログが出てしまう。

###該当のソースコード

<script type="text/javascript">
	var ua = navigator.userAgent;
	if (ua.indexOf('iPhone') > 0
			|| (ua.indexOf('Android') > 0) && (ua.indexOf('Mobile') > 0)
			|| ua.indexOf('Windows Phone') > 0) {
		if (confirm('スマートフォンサイトに移動しますか？')) {
			location.href = './sp/';
		}
	}
</script>

###試したこと
htaccessでリダイレクトさせる方法も試しましたが、今度はスマホサイトからPCサイトへのリンクが働かず、すべてスマホサイトにリダイレクトされてしまい、困っております。

###補足情報(言語/FW/ツール等のバージョンなど)
HTML5,CSS3,Javascript

行動規範の内容に同意します

回答1件

ベストアンサー

サーバ側でセッションに表示フラグを保存しておくのが一番楽だと思います。
クライアント側だけで表示を切り替えるなら、cookieを使う方法がベストでしょう。
ざっと仕様をまとめると、こんな感じ。

PCページのみPC表示フラグチェックを行う
cookieにPC表示フラグ(pc)を持たせる
スマホからPCページにアクセスしたとき、PC表示フラグが存在しないか立っていない場合、確認ダイアログを表示
確認ダイアログでキャンセルを選んだらPC表示フラグを立てる

javascript
1<script type="text/javascript">
2    var ua = navigator.userAgent;
3
4    if (!pcCheck()) {
5        if (ua.indexOf('iPhone') > 0
6                || (ua.indexOf('Android') > 0) && (ua.indexOf('Mobile') > 0)
7                || ua.indexOf('Windows Phone') > 0) {
8            if (confirm('スマートフォンサイトに移動しますか？')) {
9                document.cookie = 'pc=0';
10                location.href = './sp/';
11            } else {
12                document.cookie = 'pc=1';
13            }
14        }
15    }
16
17    function pcCheck(){
18        let flag = false;
19
20        if (document.cookie) {
21            const cookies = document.cookie.split('; ');
22            for (var i = 0; i < cookies.length; i++) {
23                const st = cookies[i].split('=');
24                if (st[0] == 'pc') {
25                    flag = Boolean(Number(st[1]));
26                }
27            }
28        }
29
30        return flag;
31    }
32</script>