티스토리 뷰
반응형
[react/javascript] 디바이스 / 브라우져 체크하기
https://www.npmjs.com/package/react-device-detect
손쉽게 체크가능
#설치
npm install react-device-detect --save
#사용 크롬 체크
import React from "react";
import { isChrome} from "react-device-detect";
const IndexingPage = () => {
return isChrome ? <div>chrome yes</div> : <div>chrome no</div>;
};
export default IndexingPage;
#사용 아이폰 체크
import React from "react";
import { isAndroid, isIOS, isIOS13 } from "react-device-detect";
const IndexingPage = () => {
return isIOS ? <div>IOS</div> : <div>Android</div>;
};
export default IndexingPage;
#브라우저체크 #아이폰 체크 #리액트 #react
반응형
'자바스크립트(javascript)' 카테고리의 다른 글
[react/javascript] 태블릿/모바일 구분하기 (0) | 2022.11.24 |
---|---|
[react/javascript] 모바일 orientation (가로/세로) 상태 받아오기 (0) | 2022.11.23 |
[react/vscode] Reactjs code snippets 사용법 및 추천 (0) | 2022.11.23 |
[random/js] javascript random 난수 생성하기 (0) | 2022.11.03 |
[javascript/html] 이미지 시퀀스 플레이어 개선 버전(pre load 등)(드래그버전, 휠버전 포함) (0) | 2022.10.12 |
댓글
반응형