집 > 기사 > 웹 프론트엔드 > JS 모바일 웹사이트 URL로 점프 시 주의사항에 대한 자세한 설명

JS 모바일 웹사이트 URL로 점프 시 주의사항에 대한 자세한 설명

小云云원래의: 2018-01-09 17:04:431739검색

이 글은 JS가 모바일 웹사이트 URL로 이동할 때 주의할 사항에 대한 몇 가지 자세한 예를 주로 공유합니다. 모든 분들께 도움이 되기를 바랍니다.

저희 모바일 사이트 플랫폼의 원래 디자인 의도는 기존의 PC 사이트 플랫폼과 연결하는 것입니다. 간단히 말해서 예전에는 모든 사용자가 PC 사이트 서비스를 이용했지만 이제는 모바일 사이트와 동일한 웹 사이트 데이터를 얻을 수 있습니다. PC사이트. 중요한 점은 기존 사용자는 비용을 지불할 필요가 없고 무료라는 것입니다. (PC 홈페이지 고객들은 생각만 해도 조금 신이 나네요.) 온라인에 접속한 지 꽤 되었지만 아직도 많은 고객들이 휴대폰에 이것저것 QR코드 스캔 소프트웨어를 설치해 놓고 있고, 그들은 휴대폰을 바라보고 있습니다. 웹사이트의 QR 코드를 스캔하세요.

본론으로 들어가겠습니다.

더 이상 헛소리는 하지 마세요. 많은 고객들이 저희의 명성 때문에 이곳을 찾아오고 있습니다. 알고 보니 PC 고객이 아닌 고객들도 모바일 사이트 서비스를 구매한 것으로 나타났습니다. PC사이트에서 모바일사이트로의 문제.

javascript를 통해 클라이언트의 navigator.userAgent를 얻은 후 url 점프를 사용하는 것이 좋은 방법이라고 생각합니다.

가자 - 코드:

var isMobile = {
  Android: function() {
    return navigator.userAgent.match(/Android/i) ? true : false;
  },
  BlackBerry: function() {
    return navigator.userAgent.match(/BlackBerry/i) ? true : false;
  },
  iOS: function() {
    return navigator.userAgent.match(/iPhone|iPod/i) ? true : false;
  },
  Windows: function() {
    return navigator.userAgent.match(/IEMobile/i) ? true : false;
  },
  Linux: function() {
    return navigator.userAgent.match(/Linux/i) ? true : false;
  },
  any: function() {
    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows() || isMobile.Linux());
  }
};
setTimeout(function() {
  if (isMobile.any()) {
    var body = document.getElementsByTagName('body');
    body[0].style.display='none';
    location.href = "http://m.某某.com/";
  }
}, 10);

간단한 분석:

1. 어떤 장치에서 URL로 이동해야 합니까?

XP, win7, mac에서는 일반적으로 모바일 사이트 점프가 이루어지지 않습니다.

Android, BlackBerry, iOS, Windows mobile(휴대폰), Linux 및 기타 시중 시스템은 일반적으로 사용되는 모바일 운영 체제입니다. 파이어폭스의 webOS, '고대' 노키아 심비안 등은 국내외 시장이 없는 것 같으니 생각하지 마세요.

2. 페이지가 점프할 때 어떤 문제가 있나요?

1. 원래 PC 웹사이트에는 로드할 리소스가 많을 수 있습니다. URL로 점프하기 전에 PC 웹사이트의 페이지가 이미 렌더링되었을 수 있습니다.

답변: js가 의 특성을 얻은 후입니다. 터미널에서 즉시 본문을 숨김으로 설정하세요

2. window.onload 또는 setTimeout을 사용하시겠습니까?

답변: setTimeout을 실행할 시기를 선택하지만, 끔찍한 window.onload에서는 내 메서드를 실행하기 전에 모든 리소스가 다운로드될 때까지 기다려야 하므로 setTimeout()을 사용하는 것이 좋습니다.

요약:

터미널 장비에 대하여 , 위의 코드는 매우 피상적이며 당황스러운 URL 점프를 만듭니다. 이는 최후의 수단입니다. 서버가 클라이언트의 요청 헤더 정보를 기반으로 장치 특성을 결정하는 경우 그에 따라 다른 리소스를 반환하는 것이 더 나은 선택입니다.

JS 모바일 웹사이트 URL로 점프 시 주의사항에 대한 자세한 설명

관련 기사