お世話になります。
現在同じURLで端末の解像度によってCSSなどを振り分けています。
ところがスマホで表示したときにPC版を表示するボタンを置き、
そのボタンを押した際にスマホでPCのプレビューになるようにしたいという要望がありました。
色々調べたところボタンでの切り替えを見つけました。
こちらを参考にしたがpc版のボタンだけでよく、SP版のボタンはPCに持たせたくない為、cookieの部分を削除したいです。
javascript
1$("head").append("<meta name='viewport' content=" 2 +($.cookie("switchScreen") == 1 ? 3 "'width=980'" : 4 "'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'") 5 +" />"); 6 7$(document).ready(function() { 8 $("#btnPC, #btnSP").click(function() { 9 $.cookie("switchScreen", $(this).attr("id") == "btnPC" ? 1 : 0); 10 location.reload(); 11 return false; 12 }); 13}); 14
結果的に
PC版を見るボタンを押したときだけPCのプレビューになってくれれば良いです。
数秒したらcookieが消えるように時間を設定して下さい秒単位で御願いします。
この説明でわかりますでしょうか?
わかりにくいかも知れませんがご教示御願い申し上げます。
あなたの回答
tips
プレビュー