inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Grid 반응형 페이지 IE 버전

브라우저 체크에 관해서

398

SIU LEE

작성한 질문수 12

0

수업과 관계 없을지도 모르겠지만 궁금해서요!! 

혹시 자바스크립트를 이용해서 어떠한 브라우저를 사용하고 있는지 확인 하는 방법이 있을까요? 

애플 사이트 보니깐 익스플로어를 사용하면 다른 브라우저로 이동하게 해버려서 어떻게 하는 건지 궁금해요!!

HTML/CSS flex

답변 4

1

1분코딩

console.log(navigator.userAgent)를 출력해보시면 현재 접속한 브라우저에 대한 정보를 담은 문자열을 확인해 볼 수 있습니다.
이 문자열 정보를 이용해서 브라우저를 파악할 수 있는데요,
아래 링크에 있는 함수를 활용해 보세요!

https://velog.io/@___/javascript-%EC%A0%91%EC%86%8D%ED%95%9C-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%ED%99%95%EC%9D%B8

0

SIU LEE

답변 감사합니다!!

0

1분코딩

https://coding-house.tistory.com/150
저는 웨일 브라우저를 사용하지 않아서, 궁금해서 찾아보니 웨일 브라우저는 "Whale" 이라는 문자열을 포함하고 있다고 하네요!
chrome을 체크하기 전에, whale을 체크하는 식으로 하면 웨일 브라우저를 판별해낼 수 있을 것 같습니다^^

0

SIU LEE

주신 링크는 처음에 저도 봤었는데요 엣지나 네이버 웨일 같은 경우에는 console.log(navigator.userAgent)을 출력하면 크롬을 포함하고 있더라구요 그렇다면 이건 크롬브라우저랑 동일하게 봐도 무관한건가요?

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

119

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

138

1

css grid repeat() 에서 autofit 사용시

0

183

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

121

1

웹에서 위치?값

0

212

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

309

1

flex-basis auto, 0 차이

0

710

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

607

1

animation forwards 관련 질문

0

489

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

559

1

flex-grow IE 질문드립니다.

0

625

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1075

1

card__item에 display:flex를 했을 때..

0

512

1

11vmin

0

417

1

header class 안에 div와 h2

0

576

1

grid 반응형 페이지 step1 질문있습니다~

0

282

1

반응형 페이지 step4 order

0

356

1

미디어쿼리 사이즈

1

286

1

figure + div

0

300

1

CSS Grid를 통한 정렬의 장점

0

247

1