CSS 적응을 통해 PC와 모바일 터미널에 다른 스타일을 표시하지 않으려면 모바일 터미널의 PC 웹 페이지에 액세스 할 때만 해당 모바일 웹 사이트로 이동할 수 있습니다. 그래서 점프하는 방법? 인터넷에는 다음 구현 아이디어를 설명하기위한 많은 기사가 있습니다. 편집자는이를 테스트했으며 자신감을 가지고 사용할 수 있습니다.
1. 효과 사진
PC 액세스 디스플레이 :
모바일 액세스 디스플레이 :
2. 구현 :
모바일 검색 엔진 최적화를 고려하지 않으면 JS를 통해 모바일 터미널이 모바일인지 판단 한 다음 지정된 페이지로 점프할지 여부를 결정하면됩니다. 주요 JS는 다음과 같습니다.
// 모바일 터미널인지 판단합니다. 그렇다면 지정된 URL 주소 기능 BrowSerRedirect (URL)로 점프하십시오. {// http 요청에 대한 브라우저에서 사용하는 사용자 에이전트 헤더의 값을 선언합니다. suseragent.match (/midp/i) == "midp"; var bisuc7 = suseragent.match (/rv:1.2.3.4/i) == "rv : 1.2.3.4"; var bisuc7 = suseragent.match (/rv:1.2.3.4/i) == "rv : 1.2.3.4"; var bisuc = sueragent.b. == "ucweb"; var bisandroid = suseragent.match (/android/i) == "android"; var bisce = suseragent.match (/windows ce/i) == "Wind Bisandroid || biswm) {window.location.replace (url);}.그런 다음 페이지에서 JS를 참조하고 메소드를 호출합니다.
<script src = "../ js/wap.js"> </script> <script type = "text/javaScript"> BrowSerRedirect ( "http://ycdoit.com/test/testmobile.html"); </script>
Wulin Netizens에게 상기시켜주었습니다. PC와 모바일을 사용하여 테스트 페이지에 액세스하여 효과를 보여줄 수 있습니다!
이 기사에서 소개하는 JS 기반 모바일 액세스 페이지와 관련하여 JS를 기반으로 PC 페이지에 액세스 할 때 해당 모바일 웹 페이지로 이동합니다. 나는 당신에게 너무 많이 소개 할 것입니다. 나는 그것이 당신에게 도움이되기를 바랍니다!