모바일 기기에서 PC버전 보지 못하게 하기
본문
모바일 기기에서 [ PC버전으로 보기 ] 를 눌러도 이동하지못하게 하려합니다.
1. PC와 태블릿은 PC버전 + 모바일 버전 모두 이동 가능하게 하고
2. 스마트폰은 오직 모바일 버전으로 보여지게 하려 합니다.
(PC버전으로 보기) 버튼을 눌러도요.
내용을 찾다보니 태블릿 접속시 pc버전으로 보여지는 스크립트가 있던데요.
적용하니 PC나 태블릿 접속시 [모바일 버전으로 보기] 버튼 눌러도 PC 버전으로만 보이더라구요.
mobile / head.php 에 넣었습니다.
<script>
if($(window).width()>400){
var para = document.location.href.split("?");
if(para[1]) window.location.href='?'+para[1]+'&device=pc';
else window.location.href='?device=pc';
}
</script>
이를 변형해서
<script>
if($(window).width()<400){
var para = document.location.href.split("?");
if(para[1]) window.location.href='?'+para[1]+'&device=mobile';
else window.location.href='?device=mobile';
}
</script>
이를 변형해서 바꿔보았는데 무한로딩 걸리고 페이지가 아예 열리지않네요ㅠ
답변 1
pc버전으로 보기 버튼을 없애는게 제일 간편할듯합니다.
그냥 스마트폰에서는 안보이게 처리하는게 낫겠다싶어서.
div 하나 만들어서 씌우고 @media 으로 해서 display:none 해서
마무리 했습니다.
