https://www.fujikyu-travel.co.jp/_common/js/switch.js

1$(function(){
2	var ua = navigator.userAgent;
3	var url = window.location;
4	//PC・SP切り替えボタンHTML設定
5	var swi = '<div class="dvc_switch"><ul class="clearfix"><li class="pc"><a id="btnPC" href="'+url+'">PC版サイトを見る</a></li><li class="sp"><a id="btnSP" href="'+url+'">スマホ版サイトを見る</a></li></ul></div>';
6
7	//UA判別で動作を変更
8	if(ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0){
9		//スマホのとき切り替えボタン設置
10		$('footer').after(swi);
11	}else if(ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0){
12		//タブレットのときviewport切り替え
13		var width = 1100; //コンテンツの幅 +10px
14		var content = 'width=' + width;
15		$('meta[name=viewport]').attr('content', content);
16	}else{
17		//PC・その他
18	}
19
20});
21
22//viewportの内容を変更する
23$(function() {
24	var ViewPort = {
25		width: 'device-width',
26		minimumScale: '0.25',
27		maximumScale: '1.0',
28		userScalable: 'yes',
29
30		//こちらの設定はご自由に
31		modes : {
32			sp: {
33				width:'device-width',
34				minimumScale: '0.25',
35				maximumScale: '5.0',
36				userScalable: 'yes'
37			},
38			pc: {
39				width: '1080',
40				minimumScale: '0.25',
41				maximumScale: '1.0',
42				userScalable: 'yes'
43			}
44		},
45		currentMode : 'sp',
46
47		//ページ読込み時に実行 Cookieから設定を読み出す
48		init: function () {
49			if ($.cookie('viewport-mode')) {
50				var modeName = $.cookie("viewport-mode");
51				this.changeMode(modeName);
52					}
53		},
54
55		//スマホ向けとPC向けを切り替え
56		changeMode: function(modeName){
57			var mode = this.modes[modeName];
58			$.cookie('viewport-mode', modeName); //Cookieに値を設定
59			this.width = mode.width;
60			this.initialScale = mode.initialScale;
61			this.minimumScale = mode.minimumScale;
62			this.maximumScale = mode.maximumScale;
63			this.userScalable = mode.userScalable;
64			this.currentMode = modeName;
65			this.applyMetaTag();
66		},
67
68		//現在の設定でmetaタグを差し替える
69		applyMetaTag: function (){
70			var content = 'width=' + this.width + ', minimum-scale=' + this.minimumScale + ', maximum-scale=' + this.maximumScale + ', user-scalable=' + this.userScalable;
71			$('meta[name=viewport]').attr('content', content);
72		}
73	};
74
75	ViewPort.init();
76
77	$('#btnPC').on('click', '', function(){
78		ViewPort.changeMode('pc');
79	});
80
81	$('#btnSP').on('click', '', function(){
82		ViewPort.changeMode('sp');
83	});
84
85});