Chrome, Firefox, Edge 및 Opera에서 모바일 브라우저 에뮬레이터를 사용하는 방법

관심 있는 웹사이트의 모바일 버전을 테스트하기 위해 PC에서 스마트폰 브라우저 에뮬레이터에 액세스해야 합니까? 웹 개발자이거나 웹 개발자가 되고 싶어 작업 중인 프로젝트에 대해 모바일 브라우저를 시뮬레이션해야 할 수도 있습니다. 이유에 관계없이 Google Chrome, Mozilla Firefox, Microsoft Edge 및 Opera에서 모바일 브라우저 에뮬레이터에 액세스하는 방법은 다음과 같습니다.

내용물

  1. Chrome에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법
  2. Mozilla Firefox에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법
  3. Microsoft Edge에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법
  4. Opera에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법
  5. 사용 가능한 모바일 브라우저 에뮬레이션 옵션에 만족하십니까?

Chrome에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법

Chrome에서 모바일 브라우저 에뮬레이터에서 보려는 웹사이트로 이동합니다. 그런 다음 키보드에서 CTRL + SHIFT + I 키를 누르거나 마우스로 오른쪽 상단 모서리에 있는 세 개의 수직 점을 클릭하여 "Google 크롬 사용자화 및 제어" 메뉴를 엽니다. 추가 도구를 선택한 다음 개발자 도구 를 선택합니다 .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Google 크롬에서 개발자 도구에 액세스

"장치 도구 모음 전환" 버튼(태블릿 옆에 있는 스마트폰 모양)을 클릭하거나 탭 하거나 키보드에서 CTRL + Shift + M 을 누릅니다. 이렇게 하면 모바일 페이지가 로드되는 장치 도구 모음이 활성화됩니다. 기본적으로 장치 도구 모음은 로드한 사이트에 대해 반응형 템플릿을 사용합니다. 그것을 클릭하고 에뮬레이션하려는 모바일 장치를 선택하십시오. 다양한 iPhone, iPad, Surface Duo, Samsung Galaxy 장치 2대, PC용 Moto G4 모바일 브라우저 시뮬레이터를 선택할 수 있습니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Chrome에서 모바일 브라우저 에뮬레이터를 활성화하는 방법

팁: 불행히도 CTRL + Shift + M 키보드 단축키는 개발자 도구를 활성화한 후에만 사용할 수 있습니다.

테스트하려는 사이트를 탐색하고 다른 스마트폰과 태블릿 간에 전환하고 어떻게 보이는지 확인합니다. 완료되면 Chrome 개발자 도구의 오른쪽 상단 모서리에 있는 X(닫기) 버튼을 눌러 표준 데스크톱 브라우징 모드로 돌아갑니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

모바일 브라우저 에뮬레이터 Google Chrome 닫기

팁: Google Chrome을 많이 사용하는 경우 Google Chrome의 미디어 제어 옵션을 사용하는 방법 도 배울 수 있습니다 .

Mozilla Firefox에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법

Mozilla Firefox에서 모바일 브라우저 시뮬레이터를 사용하려는 사이트를 엽니다. 그런 다음 키보드에서 CTRL + Shift + M 을 누르거나 오른쪽 상단 모서리에 있는 버거 버튼을 클릭하여 Firefox 메뉴를 열고 Web Developer 를 선택합니다 .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Firefox에서 웹 개발자 도구에 액세스

웹 개발자에게 유용한 도구로 가득 찬 메뉴가 표시됩니다. 목록에서 "반응형 디자인 모드" 를 선택 하면 이 특정 웹 페이지 보기 모드가 Firefox에 로드됩니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Firefox에서 반응형 디자인 모드 선택

Firefox는 반응형 디자인 모드 를 활성화합니다 . 창 상단에 이 에뮬레이션 모드에서 사용하는 매개변수가 표시됩니다. 장치를 선택하지 않은 경우 반응형 을 클릭하거나 탭 하여 에뮬레이션에 사용할 수 있는 장치가 있는 드롭다운 목록을 연 다음 시뮬레이션할 장치를 선택합니다.

많은 iPhone, iPad, Kindle Fire(Firefox가 이 에뮬레이션 옵션을 제공하는 유일한 브라우저임) 및 Samsung Galaxy S9 장치의 모바일 브라우저를 시뮬레이션할 수 있습니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Firefox에서 모바일 브라우저 에뮬레이터 사용

스마트폰 브라우저 에뮬레이터로 테스트를 마치면 Mozilla Firefox의 오른쪽 상단 모서리에 있는 X(반응형 디자인 모드 닫기) 버튼을 누릅니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Firefox에서 모바일 브라우저 에뮬레이터 닫기

표준 데스크탑 브라우징 모드로 돌아갑니다.

Microsoft Edge에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법

Microsoft Edge는 Google Chrome과 동일한 렌더링 엔진을 사용하고 동일한 스마트폰 브라우저 에뮬레이터를 제공합니다. 액세스하려면 테스트하려는 웹 사이트를 방문하고 키보드에서 CTRL + SHIFT + I 키를 누르거나 Microsoft Edge의 오른쪽 상단 모서리에 있는 세 개의 가로 점( "설정 등" )을 클릭합니다. 표시되는 메뉴에서 추가 도구 로 이동 한 다음 개발자 도구 로 이동합니다 .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Microsoft Edge에서 개발자 도구에 액세스

"장치 에뮬레이션 전환" 버튼(태블릿 옆에 스마트폰 모양)을 클릭하거나 키보드 에서 CTRL + Shift + M 을 누릅니다. 그러면 모바일 브라우저 에뮬레이터 도구 모음이 활성화됩니다. 기본적으로 로드한 사이트에 대해 반응형 템플릿을 사용합니다. 그것을 클릭하고 에뮬레이션하려는 모바일 장치를 선택하십시오. 옵션에는 Google 크롬과 동일한 스마트폰 및 태블릿이 포함됩니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Microsoft Edge에서 모바일 브라우저 에뮬레이터에 액세스

테스트하려는 사이트를 탐색하고, 다른 모바일 장치 간에 변경하고, 어떻게 보이는지 확인합니다. 완료되면 Microsoft Edge의 오른쪽 상단 모서리에 있는 X(닫기) 버튼을 누릅니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Microsoft Edge에서 모바일 브라우저 에뮬레이터 닫기

이제 표준 데스크탑 브라우징 모드로 돌아갑니다.

Opera에서 모바일 브라우저 에뮬레이터를 켜고 사용하는 방법

Opera에서 모바일 장치를 사용하는 것처럼 보고 싶은 웹 페이지를 방문하십시오. 그런 다음 왼쪽 상단의 Opera 아이콘을 클릭합니다( "Opera 사용자 지정 및 제어" ). 열리는 메뉴에서 개발자를 선택한 다음 개발자 도구 를 선택합니다 . 키보드를 선호하는 경우 CTRL+Shift+I 키를 눌러 동일한 결과를 얻으십시오.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Opera에서 개발자 도구에 액세스

개발자 도구 는 브라우저 창의 오른쪽에 표시됩니다. "장치 도구 모음 전환" 버튼(태블릿 옆에 있는 스마트폰 모양)을 클릭하거나 키보드 에서 CTRL + Shift + M 을 누릅니다. 장치 도구 모음이 왼쪽에 표시됩니다. 기본적으로 로드한 사이트에 대해 반응형 템플릿을 사용합니다. 그것을 클릭하고 옵션 목록에서 에뮬레이트하려는 모바일 장치를 선택하십시오. Opera는 동일한 렌더링 엔진(Chromium)을 기반으로 하기 때문에 Google Chrome 및 Microsoft Edge와 동일한 모바일 브라우저 에뮬레이터를 제공합니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Opera에서 모바일 브라우저 에뮬레이터에 액세스

테스트를 마치면 오른쪽 상단 모서리에 있는 X(닫기) 버튼을 눌러 표준 데스크탑 브라우징 모드로 돌아갑니다.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Opera에서 모바일 브라우저 에뮬레이터 닫기

사용 가능한 모바일 브라우저 에뮬레이션 옵션에 만족하십니까?

이제 즐겨 사용하는 웹 브라우저에서 모든 종류의 모바일 장치를 에뮬레이트하는 방법을 알게 되었습니다. 그러나 대부분의 웹 브라우저는 iPhone 및 iPad를 선호하는 동일한 에뮬레이션 옵션을 제공합니다. 최신 Android 스마트폰이나 태블릿을 에뮬레이트하려는 경우 Android 뒤에 있는 회사에서 개발한 브라우저인 Google Chrome에서도 가능성이 매우 희박합니다. 최상의 결과를 얻으려면 이 작업에 두 가지 브라우저(Chrome 및 Firefox 또는 Firefox 및 Edge 또는 Opera)를 사용해야 할 수 있습니다. 가기 전에 사용 가능한 옵션에 대해 어떻게 생각하는지 알려주십시오.

Tags: #TUTORIAL

Leave a Comment

Windows가 설치된 스마트폰에서 브라우저를 사용하여 앱 다운로드 및 설치

Windows가 설치된 스마트폰에서 브라우저를 사용하여 앱 다운로드 및 설치

웹 브라우저를 사용하여 Windows 10 Mobile 및 Windows Phone용 앱을 설치하는 효율적인 방법을 알아보세요.

모든 미디어 및 장치에 대해 Windows에서 자동 실행 설정을 개인화하는 방법

모든 미디어 및 장치에 대해 Windows에서 자동 실행 설정을 개인화하는 방법

Windows PC 또는 장치에 연결하는 모든 종류의 미디어 또는 장치에 대한 기본 자동 실행 동작을 변경하는 방법.

4단계로 Mac에서 작업 그룹을 변경하는 방법

4단계로 Mac에서 작업 그룹을 변경하는 방법

Mac에서 작업 그룹을 변경하시겠습니까? Mac이 Windows 또는 Linux를 사용하는 컴퓨터를 포함하여 다른 컴퓨터와 네트워크에서 잘 작동하도록 올바르게 설정하는 방법은 다음과 같습니다.

Android 스마트폰에서 손전등을 켜는 방법

Android 스마트폰에서 손전등을 켜는 방법

Android 스마트폰의 빠른 설정, Google 어시스턴트 또는 Google Play 스토어의 손전등 앱을 통해 손전등을 쉽게 켜는 방법을 알아보세요.

TP-Link Wi-Fi 6 라우터에서 IPv6을 활성화하는 방법

TP-Link Wi-Fi 6 라우터에서 IPv6을 활성화하는 방법

TP-Link Wi-Fi 6 라우터에서 IPv6 설정을 어떻게 찾나요? TP-Link 라우터에서 IPv6을 활성화하고 모든 관련 설정을 변경하는 방법. 전문가의 팁도 포함되어 있습니다.

Microsoft Edge 다운로드 위치를 변경하는 방법

Microsoft Edge 다운로드 위치를 변경하는 방법

Windows 10에서 Microsoft Edge 다운로드 위치를 변경하고 다운로드 저장 프롬프트를 활성화하는 방법에 대해 알아보세요.

Windows에서 게임 모드를 활성화하는 3가지 방법

Windows에서 게임 모드를 활성화하는 3가지 방법

Windows 10 및 Windows 11에서 게임 모드를 켜는 방법을 알아보세요. 최적의 게임 성능을 위한 팁입니다.

화웨이 스마트폰이 백그라운드 앱을 죽이는 것을 막으세요

화웨이 스마트폰이 백그라운드 앱을 죽이는 것을 막으세요

화면을 잠글 때 Huawei 스마트폰이 앱을 강제 종료하지 않도록 하는 방법. 바이러스 백신, 자녀 보호 기능, 음성 녹음기, 피트니스 추적기 또는 탐색 앱 비활성화를 중지하는 방법.

IPhone 또는 iPad에서 언어를 변경하는 방법: 알아야 할 모든 것

IPhone 또는 iPad에서 언어를 변경하는 방법: 알아야 할 모든 것

iPhone 또는 iPad에서 두 가지 방법으로 언어를 변경하는 방법을 알아보세요! 스페인어, 중국어, 독일어 또는 기타 언어로 전환합니다.

Chrome 및 기타 브라우저를 전체 화면으로 설정(Edge, Firefox 및 Opera)

Chrome 및 기타 브라우저를 전체 화면으로 설정(Edge, Firefox 및 Opera)

전체 화면 Google Chrome 및 기타 브라우저에 넣는 방법: Mozilla Firefox, Microsoft Edge 및 Opera. 전체 화면 모드를 종료하는 방법.

Windows에 저장되어 있고 해독하기 쉬운 암호를 읽는 방법

Windows에 저장되어 있고 해독하기 쉬운 암호를 읽는 방법

Windows는 암호를 얼마나 안전하게 저장합니까? 암호를 쉽게 읽는 방법과 보안을 강화하는 팁을 알아보세요.

고급 보안이 포함된 Windows Defender 방화벽: 무엇입니까? 그것을 여는 방법? 그것으로 무엇을 할 수 있습니까?

고급 보안이 포함된 Windows Defender 방화벽: 무엇입니까? 그것을 여는 방법? 그것으로 무엇을 할 수 있습니까?

고급 보안이 포함된 Windows 방화벽이란 무엇입니까? 고급 보안으로 Windows 방화벽을 여는 방법은 무엇입니까? 기존 규칙을 보고 비활성화하거나 제거하거나 속성을 변경하는 방법.

IPhone 키보드 언어를 변경하는 방법: 알아야 할 모든 것

IPhone 키보드 언어를 변경하는 방법: 알아야 할 모든 것

몇 번의 탭으로 iPhone 키보드를 다른 언어 또는 레이아웃으로 변경하는 방법을 알아보십시오! iPhone 키보드를 추가, 변경 및 전환합니다.

내가 가지고 있는 PowerPoint 버전은 무엇입니까? 최신 버전은 무엇입니까?

내가 가지고 있는 PowerPoint 버전은 무엇입니까? 최신 버전은 무엇입니까?

내가 가지고 있는 PowerPoint 버전은 무엇입니까? Microsoft PowerPoint의 최신 버전은 무엇입니까? 최신 버전의 PowerPoint로 업데이트하려면 어떻게 합니까?

Windows Defender 방화벽을 여는 5가지 방법

Windows Defender 방화벽을 여는 5가지 방법

CMD를 포함하여 Windows Defender 방화벽을 여는 데 사용할 수 있는 모든 방법, 바로 가기 및 명령.

Microsoft Edge 웹캠 개인 정보 보호 오류 문제 해결

Microsoft Edge 웹캠 개인 정보 보호 오류 문제 해결

Microsoft Edge 웹캠 개인 정보 오류로 어려움을 겪고 계신가요? 저희가 제공하는 단계별 문제 해결 가이드를 따라 빠르게 문제를 해결해 보세요. 간단하고 효과적인 솔루션으로 몇 분 안에 웹캠에 다시 액세스할 수 있습니다.

2026년 Microsoft Edge 생산성 향상을 위한 최고의 확장 프로그램

2026년 Microsoft Edge 생산성 향상을 위한 최고의 확장 프로그램

2026년 최고의 Microsoft Edge 생산성 확장 프로그램으로 최고의 효율성을 경험해 보세요. 탭 관리부터 AI 기반 작업까지, 엄선된 확장 프로그램들이 여러분의 웹 브라우징을 생산성 도구로 바꿔줄 것입니다. 지금 설치하고 매일 몇 시간씩 절약하세요!

Microsoft Edge 노트북 배터리 소모 문제 해결

Microsoft Edge 노트북 배터리 소모 문제 해결

Microsoft Edge 때문에 노트북 배터리가 너무 빨리 소모되는 게 지겨우신가요? 이 단계별 문제 해결 가이드를 통해 Microsoft Edge 노트북 배터리 소모 문제를 즉시 해결해 보세요. 지금 바로 배터리 수명을 늘려보세요!

Microsoft Edge 시작 시 디스크 공간 부족 문제 해결 방법

Microsoft Edge 시작 시 디스크 공간 부족 문제 해결 방법

Microsoft Edge 시작 부스트 기능 때문에 디스크 사용량이 급증하는 것이 지겨우신가요? 이 기능을 비활성화하고 PC 속도를 되찾고 향후 문제를 예방하는 단계별 해결 방법을 알아보세요. 빠르고 쉽고 효과적입니다!

Microsoft Edge 작업 표시줄 아이콘 겹침 문제 해결 방법

Microsoft Edge 작업 표시줄 아이콘 겹침 문제 해결 방법

Microsoft Edge 작업 표시줄 아이콘이 겹쳐서 화면이 지저분해 보이시나요? 저희가 알려드리는 단계별 해결 방법을 따라 깔끔한 작업 표시줄을 만들어 보세요. 최신 Edge 버전에서 모두 작동하는 간편한 해결책이며, 특별한 기술 지식은 필요하지 않습니다!

Microsoft Edge Windows Hello PIN 재설정 문제 해결 방법

Microsoft Edge Windows Hello PIN 재설정 문제 해결 방법

Microsoft Edge에서 Windows Hello PIN 재설정 메시지가 계속 표시되어 어려움을 겪고 계신가요? Edge에서 발생하는 Windows Hello PIN 재설정 문제를 해결하는 검증된 단계별 해결 방법을 알아보세요. 최신 Windows 업데이트에서도 작동하는 간편한 해결 방법이며, 전문적인 기술 지식은 필요하지 않습니다!

Microsoft Edge YouTube 검은 화면 문제 해결

Microsoft Edge YouTube 검은 화면 문제 해결

Microsoft Edge에서 YouTube 검은 화면 문제로 어려움을 겪고 계신가요? 캐시 삭제, 하드웨어 가속 비활성화 등 Microsoft Edge YouTube 검은 화면 문제 해결 방법을 확인하여 원활한 동영상 재생을 경험해 보세요. 빠르고 간편한 해결 방법을 소개합니다!

Microsoft Edge Winaero Tweaker 설정 오류 해결

Microsoft Edge Winaero Tweaker 설정 오류 해결

Microsoft Edge Winaero Tweaker 설정 수정 문제에 지치셨나요? 최신 Edge 버전에서 설정이 저장되지 않거나, 초기화되거나, 트윅이 제대로 작동하지 않는 문제를 영구적으로 해결해 드립니다. 스크린샷이 포함된 단계별 가이드를 통해 빠르게 문제를 해결하세요.

Microsoft Edge 확장 프로그램으로 인해 브라우저 속도가 느려지는 문제 해결

Microsoft Edge 확장 프로그램으로 인해 브라우저 속도가 느려지는 문제 해결

Microsoft Edge가 성가신 확장 프로그램 때문에 느려지나요? 전문가가 안내하는 Microsoft Edge 확장 프로그램 문제 해결 가이드를 통해 단계별 해결 방법을 따라 빠른 웹 브라우징 속도를 되찾으세요. 지금 바로 성능을 향상시키세요!

Microsoft Edge 웹캠 개인 정보 보호 셔터 오류 해결 방법

Microsoft Edge 웹캠 개인 정보 보호 셔터 오류 해결 방법

Microsoft Edge 웹캠 개인 정보 보호 셔터 오류 때문에 화상 통화가 차단되는 것에 지치셨나요? Edge에서 웹캠 접근 권한을 복원하는 간단한 단계별 해결 방법을 알아보세요. 최신 버전에서 모두 작동하며, 전문적인 기술 지식은 필요하지 않습니다!

Microsoft Edge MSI 오류 1722 (Windows 11) 문제 해결

Microsoft Edge MSI 오류 1722 (Windows 11) 문제 해결

Windows 11에서 Microsoft Edge를 설치하거나 업데이트할 때 MSI 오류 1722가 발생하나요? 전문가가 제공하는 간단하고 효과적인 해결 방법을 따라 Edge를 다시 원활하게 실행해 보세요. 기술적인 지식은 필요하지 않습니다!

Microsoft Edge 컨텍스트 메뉴 속도 저하 문제 해결

Microsoft Edge 컨텍스트 메뉴 속도 저하 문제 해결

Microsoft Edge의 마우스 오른쪽 버튼 메뉴 반응 속도가 느려서 불편하신가요? 이 완벽 문제 해결 가이드는 Edge에서 마우스 오른쪽 버튼 클릭 속도를 빠르게 복원하는 데 도움이 되는 검증된 해결 방법, 빠른 재설정 방법, 그리고 고급 팁을 제공합니다. 지금 바로 시작하세요!

Microsoft Edge 코어 격리 기능이 켜지지 않는 문제 해결

Microsoft Edge 코어 격리 기능이 켜지지 않는 문제 해결

Microsoft Edge 코어 격리 기능이 켜지지 않아 어려움을 겪고 계신가요? BIOS 설정 변경, 드라이버 업데이트, Windows 복구 등 코어 격리 문제 해결 방법을 단계별로 안내하여 보안을 즉시 강화하세요.

특정 사이트에서 Microsoft Edge 액세스 거부 오류를 해결하는 방법

특정 사이트에서 Microsoft Edge 액세스 거부 오류를 해결하는 방법

특정 사이트에서 Microsoft Edge 액세스 거부 오류가 발생하시나요? Microsoft Edge 액세스 거부 오류를 해결하는 검증된 단계별 방법을 알아보세요. 캐시를 지우고 설정을 조정하여 빠르게 액세스 권한을 되찾으세요. 기술적인 전문 지식은 필요하지 않습니다!

Microsoft Edge Wallpaper Engine 충돌 해결 방법

Microsoft Edge Wallpaper Engine 충돌 해결 방법

Wallpaper Engine을 사용할 때 Microsoft Edge가 자꾸 충돌해서 불편하신가요? 저희가 검증한 "Microsoft Edge Wallpaper Engine 충돌 해결 방법" 가이드를 통해 즉시 문제를 해결하세요. 단계별 해결 방법을 따라 하면 끊김 없는 배경화면 사용과 웹 브라우징을 즐길 수 있습니다. 전문적인 기술 지식은 필요하지 않습니다!