웹 프론트엔드 JS 튜토리얼 Node.js는 현재 페이지가 모바일 장치에서 열렸는지 PC_javascript 기술에서 열렸는지 결정합니다.

Node.js는 현재 페이지가 모바일 장치에서 열렸는지 PC_javascript 기술에서 열렸는지 결정합니다.

May 16, 2016 pm 03:21 PM
js pc 모바일 장치

본 글의 예시에서는 현재 페이지가 모바일 기기에서 열리는지, PC에서 열리는지 판단하기 위한 js의 세부 코드를 설명하고 있으며, 참고용으로 모두에게 공유하고 있습니다.

 var browser = {
              versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {     //移动终端浏览器版本信息
                  trident: u.indexOf('Trident') > -1, //IE内核
                  presto: u.indexOf('Presto') > -1, //opera内核
                  webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                  mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                  android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                  iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                  iPad: u.indexOf('iPad') > -1, //是否iPad
                  webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
                };
              }(),
              language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }            
            if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
                var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    //在微信中打开
                   setInterval(WeixinJSBridge.call('closeWindow'),2000);
                }
                if (ua.match(/WeiBo/i) == "weibo") {
                    //在新浪微博客户端打开
                }
                if (ua.match(/QQ/i) == "qq") {
                    //在QQ空间打开
                }
                if (browser.versions.ios) {
                    //是否在IOS浏览器打开
                } 
                if(browser.versions.android){
                    //是否在安卓浏览器打开
                }
            } else {
                //否则就是PC浏览器打开
                window.close();
            }
로그인 후 복사

코드 2: js는 사용자의 탐색 장치가 모바일 장치인지 PC인지 결정합니다

최근 웹사이트 페이지는 사용자의 접속 기기에 따라 다양한 페이지 스타일을 표시해야 합니다. 주요 목적은 사용자가 모바일 기기로 접속하는지 아니면 컴퓨터 브라우저로 접속하는지 확인하는 것입니다.

아래에는 참고용으로 js 판단 처리 코드를 올려드립니다.

<script type="text/javascript">
    function browserRedirect() {
      var sUserAgent = navigator.userAgent.toLowerCase();
      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid = sUserAgent.match(/android/i) == "android";
      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
      document.writeln("您的浏览设备为:");
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        document.writeln("phone");
      } else {
        document.writeln("pc");
      }
    }

    browserRedirect();
  </script>

로그인 후 복사

컴퓨터, Android 기기, iPhone, iPad에서 브라우저를 사용하여 테스트했습니다. 이 코드는 실행 가능하며 모든 기기에서 판단이 정확합니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Windows PC에서 액세스 포인트 일시적으로 전체 오류를 수정하는 방법 Windows PC에서 액세스 포인트 일시적으로 전체 오류를 수정하는 방법 Mar 16, 2024 pm 03:19 PM

Windows 11/10 PC에서 Wi-Fi 라우터 또는 모바일 핫스팟에 연결할 때 "액세스 포인트가 일시적으로 가득 찼습니다"라는 오류가 발생하는 경우 이는 일반적으로 네트워크 과부하 또는 연결된 장치가 너무 많기 때문에 발생합니다. 이 문제를 해결하고 인터넷에 성공적으로 연결하려면 다음 방법을 시도해 보십시오. 1. 다시 연결을 시도하기 전에 다른 장치의 연결이 끊어질 때까지 잠시 기다리십시오. 2. Wi-Fi 라우터 또는 모바일 핫스팟을 다시 시작하여 네트워크 캐시를 지우고 IP 주소를 다시 할당하세요. 3. PC의 Wi-Fi 어댑터 드라이버가 최신인지 확인하고, 장치 관리자를 통해 업데이트를 확인하세요. 4. 혼잡한 시간을 피하는 것이 더 나은 연결 기회를 제공할 수 있으므로 다른 시간에 연결해 보십시오. 5. AccessP 추가를 고려해보세요

Windows PC가 BIOS로 계속 부팅되는 문제 [수정] Windows PC가 BIOS로 계속 부팅되는 문제 [수정] Mar 11, 2024 am 09:40 AM

Windows PC가 BIOS 인터페이스에 자주 진입하는 경우 사용에 어려움이 발생할 수 있습니다. 컴퓨터를 켤 때마다 BIOS 화면이 나타나며 다시 시작해도 도움이 되지 않습니다. 이 문제에 직면한 경우 이 문서에서 제공하는 솔루션이 도움이 될 것입니다. 컴퓨터가 계속 BIOS로 부팅되는 이유는 무엇입니까? BIOS 모드에서 컴퓨터가 자주 다시 시작되는 현상은 부적절한 부팅 순서 설정, 손상된 SATA 케이블, 느슨한 연결, BIOS 구성 오류 또는 하드 드라이브 오류 등 다양한 이유로 인해 발생할 수 있습니다. Windows PC가 BIOS로 계속 부팅되는 문제 수정 Windows PC가 계속 BIOS로 부팅되는 경우 아래 수정 사항을 사용하세요. 부팅 순서를 확인하고 다시 연결하십시오.

Windows PC에서 Samsung Flow를 사용하는 방법 Windows PC에서 Samsung Flow를 사용하는 방법 Feb 19, 2024 pm 07:54 PM

SamsungFlow는 Galaxy 휴대폰을 Windows PC에 쉽게 연결할 수 있는 편리하고 실용적인 도구입니다. SamsungFlow를 사용하면 기기 간 콘텐츠 공유, 알림 동기화, 스마트폰 미러링 등을 편리하게 수행할 수 있습니다. 이 글에서는 Windows 컴퓨터에서 SamsungFlow를 사용하는 방법을 소개합니다. Windows PC에서 스마트폰 스트리밍을 사용하는 방법 SamsungFlow를 사용하여 Windows PC와 Galaxy Phone을 연결하려면 Galaxy 스마트폰과 태블릿에서 Android 7.0 이상이 실행되고, Windows PC에서 Windows 10 이상이 실행되고 있는지 확인해야 합니다.

권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트 권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트 Apr 03, 2024 am 11:55 AM

얼굴 검출 및 인식 기술은 이미 상대적으로 성숙하고 널리 사용되는 기술입니다. 현재 가장 널리 사용되는 인터넷 응용 언어는 JS입니다. 웹 프런트엔드에서 얼굴 감지 및 인식을 구현하는 것은 백엔드 얼굴 인식에 비해 장점과 단점이 있습니다. 장점에는 네트워크 상호 작용 및 실시간 인식이 줄어 사용자 대기 시간이 크게 단축되고 사용자 경험이 향상된다는 단점이 있습니다. 모델 크기에 따라 제한되고 정확도도 제한됩니다. js를 사용하여 웹에서 얼굴 인식을 구현하는 방법은 무엇입니까? 웹에서 얼굴 인식을 구현하려면 JavaScript, HTML, CSS, WebRTC 등 관련 프로그래밍 언어 및 기술에 익숙해야 합니다. 동시에 관련 컴퓨터 비전 및 인공지능 기술도 마스터해야 합니다. 웹 측면의 디자인으로 인해 주목할 가치가 있습니다.

모든 OneDrive 파일을 PC에 한 번에 다운로드하는 방법 모든 OneDrive 파일을 PC에 한 번에 다운로드하는 방법 Feb 19, 2024 pm 06:51 PM

이 문서에서는 모든 OneDrive 파일을 PC에 한 번에 다운로드하는 방법을 설명합니다. OneDrive는 사용자가 언제 어디서나 파일에 액세스할 수 있는 강력한 클라우드 저장소 플랫폼입니다. 경우에 따라 사용자는 파일을 로컬로 백업하거나 오프라인으로 액세스해야 할 수도 있습니다. 이 작업을 쉽게 수행하는 방법을 알아보려면 계속 읽어보세요. 모든 OneDrive 파일을 PC에 한 번에 다운로드하는 방법은 무엇입니까? 모든 OneDrive 파일을 Windows PC에 한 번에 다운로드하려면 다음 단계를 따르세요. Onedrive를 실행하고 내 파일로 이동합니다. OneDrive에 업로드된 모든 파일은 여기에서 사용할 수 있습니다. Ctrl+A를 눌러 모든 파일을 선택하거나 확인란을 선택하여 모든 항목 선택을 전환합니다. 상단의 다운로드 옵션을 클릭하고,

주식 분석을 위한 필수 도구: PHP 및 JS를 사용하여 캔들 차트를 그리는 단계를 알아보세요. 주식 분석을 위한 필수 도구: PHP 및 JS를 사용하여 캔들 차트를 그리는 단계를 알아보세요. Dec 17, 2023 pm 06:55 PM

주식 분석을 위한 필수 도구: PHP 및 JS에서 캔들 차트를 그리는 단계를 배우십시오. 인터넷과 기술의 급속한 발전으로 주식 거래는 많은 투자자에게 중요한 방법 중 하나가 되었습니다. 주식분석은 투자자의 의사결정에 있어 중요한 부분이며 캔들차트는 기술적 분석에 널리 사용됩니다. PHP와 JS를 사용하여 캔들 차트를 그리는 방법을 배우면 투자자가 더 나은 결정을 내리는 데 도움이 되는 보다 직관적인 정보를 얻을 수 있습니다. 캔들스틱 차트는 주가를 캔들스틱 형태로 표시하는 기술 차트입니다. 주가를 보여주네요

PHP와 JS를 사용하여 주식 촛대 차트를 만드는 방법 PHP와 JS를 사용하여 주식 촛대 차트를 만드는 방법 Dec 17, 2023 am 08:08 AM

PHP와 JS를 사용하여 주식 캔들 차트를 만드는 방법 주식 캔들 차트는 주식 시장에서 흔히 사용되는 기술 분석 그래픽으로 시가, 종가, 최고가 등의 데이터를 그려서 투자자가 주식을 보다 직관적으로 이해할 수 있도록 도와줍니다. 주식의 최저 가격. 이 기사에서는 특정 코드 예제와 함께 PHP 및 JS를 사용하여 주식 캔들 차트를 만드는 방법을 설명합니다. 1. 준비 시작하기 전에 다음 환경을 준비해야 합니다. 1. PHP를 실행하는 서버 2. HTML5 및 Canvas를 지원하는 브라우저 3

저가형 Chrome 호스트의 모험: Black Apple을 설치할 수는 없지만 적격 PC로 간주될 수 있음 저가형 Chrome 호스트의 모험: Black Apple을 설치할 수는 없지만 적격 PC로 간주될 수 있음 Jul 11, 2024 pm 04:38 PM

그러고보니 해외 정크 시리즈를 많이 제작했는데, 그 전에는 휴대폰이나 조립식 PC가 대부분이었다. 전자는 평균적인 플레이성을 갖고 있는 반면, 후자는 불확실성이 가득했다. 예를 들어, 지난번 설치에 300달러를 들인 컴퓨터는 이제 논스톱 드라이버 제거 상태에 들어갔습니다. 그러나 '누더기 줍기'가 바로 그것이고, 위험과 이익이 공존하는 것이 표준이다. 예를 들어 이번에는 ASUS ChromeBox를 "수리"했습니다. 원래는 Macmini(가짜)로 만들고 싶었지만 그 과정에서 예상치 못한 문제가 많이 발생하여 의도한 목표를 달성하지 못했습니다. 결국 저는 차선책을 선택하고 거기에 Windows를 플래시하는 것을 선택해야 했습니다. 사과를 검게 만드는 시도는 마지막 단계로 떨어졌지만, 그 과정 내내 정말 즐거웠습니다. 그리고

See all articles