Safari 4 개발자 도구를 사용하여 Windows에서 모바일 웹 사이트보기

Aug 19, 2025
클라우드와 인터넷

iPhone 및 기타 모바일 장치 용으로 설계된 모바일 웹 사이트를 PC에서 사용해보고 싶으십니까? Windows 용 Safari 4를 사용하면 개발자 도구를 사용하여이 작업을 쉽게 수행 할 수 있습니다.

기본적으로 Safari는 표준 데스크탑 웹 사이트를 표시합니다. 하지만 간단하게 변경하면 iPhone 또는 iPod Touch에서 Safari Mobile처럼 작동하도록 전환 할 수 있습니다.

시작하기

먼저 Windows 용 Safari 4가 설치되어 있는지 확인하십시오. Safari를 직접 다운로드 할 수 있습니다 ( 아래 링크 ) 평소와 같이 설치하십시오.

또는 QuickTime 또는 iTunes와 같은 다른 Apple 프로그램이 이미 설치되어있는 경우 Apple 소프트웨어 업데이트에서 설치할 수 있습니다. 간단히 입력 애플 소프트웨어 업데이트 시작 메뉴 검색 상자에서.

그런 다음 사용 가능한 새 소프트웨어 목록에서 Safari 4를 선택합니다. 설치를 클릭하여 Safari를 자동으로 다운로드하고 설치합니다.

라이센스 계약에 동의하면 Safari가 자동으로 설치됩니다.

이 작업이 완료되면 Safari를 사용할 수 있습니다.

Safari에서 모바일 사이트보기

먼저 개발자 도구를 활성화해야합니다. 도구 모음에서 기어 아이콘을 클릭하고 기본 설정을 선택합니다.

고급 탭을 클릭 한 다음 "메뉴 막대에 개발 메뉴 표시"확인란을 선택합니다.

설정 상자를 닫은 후 페이지 아이콘을 클릭하고 개발, 사용자 에이전트를 차례로 선택한 다음 모바일 Safari 설정 중 하나를 선택합니다. 테스트에서 우리는 Mobile Safari 3.1.2 – iPhone을 선택했습니다.

브라우저가 모바일 장치를 더 잘 에뮬레이션하도록하려면 책갈피와 탭 표시 줄을 숨겨보다 간소화 된 인터페이스를 사용할 수 있습니다.

톱니 바퀴 아이콘을 클릭하고 "북마크 바 숨기기"를 선택한 다음 반복하여 "탭바 숨기기"를 클릭합니다.

창을 모바일 장치 화면 크기에 더 가깝게 축소 할 수도 있습니다. 이 작업을 마치면 Safari는이 스크린 샷과 비슷하게 보일 것입니다. 여기에 Google.com이로드되었으며 iPhone 스타일 인터페이스에서 볼 수 있습니다.

주소 표시 줄에 웹 사이트를 입력하기 만하면 모바일 인터페이스가있는 경우로드됩니다. 다음은 Windows에서 바로 사용할 수있는 Google의 다른 모바일 제품입니다.

Gmail은 기본 iPhone 인터페이스로 메일을로드합니다.

특히 흥미로운 모바일 사이트 중 하나는 Apple의 온라인 iPhone 사용 설명서 . iPhone 설정으로 Safari에로드되면 iPhone 앱처럼 작동하는 매우 멋진 모바일 UI로로드됩니다. 사실 iPhone에서 손가락으로하는 것처럼 클릭하고 드래그하여 스크롤 할 수도 있습니다.

결론

스마트 폰이 없더라도이 트릭으로 웹 사이트가 어떤 모습 일지 미리 볼 수 있습니다. 물론 모든 사이트가 작동하는 것은 아니지만 모바일 버전이있는 여러 사이트를 가지고 노는 것은 재미 있습니다.

연결:

Safari 4 다운로드

Apple iPhone 온라인 사용 설명서

How To Open Developer Tools In Safari

How To Enable Safari Developer Tools

How To Use Safari Developer Tools For Testing Mobile And Responsive Web Sites

Mobile Debugging Using Google Chrome Developer Tools

Using Desktop Safari Browser To View Mobile Version Of A Site

How To Enable Developer Mode In Safari Browser

How To View Your Website On Multiple Mobile Phones

Firefox 11 Developer Tools Update

Using Responsive Mobile View In Google Chrome

Debug A Website In IOS Safari From A Windows 10 PC

Using Web Inspector On Mac To Debug Mobile Safari

Safari Development Tools - Responsive Design Mode

Web Browser Dev Tools Part 1: Mobile Website Testing


클라우드와 인터넷 - 가장 인기있는 기사

Chrome OS를 지원하지 않는 사이트를 위해 Chromebook 사용자 에이전트를 스푸핑하는 방법

클라우드와 인터넷 Jun 26, 2025

모든 브라우저가 웹 사이트를 동일하게 처리하는 것은 아니며 운영 체제 나 브라우저를 지원하지 않는 경우 액세스가 거부 될 수 있습니..


Windows에서 항상 상단에 창을 만드는 3 가지 가장 좋은 방법

클라우드와 인터넷 Aug 28, 2025

Windows는 사용자가 항상 창을 맨 위에 표시 할 수있는 기본 제공 방법을 제공하지 않습니다. 이를위한 많은 타사 도구가 있지만 종종 부풀..


Skype는 문자 채팅에 끔찍합니다. 대신 Telegram 사용

클라우드와 인터넷 May 7, 2025

Skype는 음성 및 영상 채팅 그 이상입니다. 문자 채팅도 포함되어 있습니다. 안타깝게도 믿을 수 없을 정도로 불안정하고 점점 더 악화되�..


iTunes 파일 공유를 사용하여 iPhone 또는 iPad의 앱에서 파일을 앞뒤로 복사

클라우드와 인터넷 May 4, 2025

iPhone 및 iPad에는 액세스 할 수있는 파일 시스템이 없습니다. 대신 각 앱에는 자체 파일 "라이브러리"가 있습니다. iTunes 파일 공유를 사용�..


Firefox에서 사용자 지정 스마트 책갈피 폴더를 만드는 방법

클라우드와 인터넷 Apr 22, 2025

Firefox에 포함 된 "가장 많이 방문한"북마크 폴더가 어떻게 작동하는지 궁금한 적이 있습니까? 특별한 경우의 폴더가 아닙니다. Firefox 3에 ..


쉬운 방법으로 주소 위치지도보기

클라우드와 인터넷 Mar 28, 2025

탐색하는 동안 방문하고 싶은 장소의 주소를 찾았지만 웹 사이트에지도가 없습니까? 이제 Bookmaplet Bookmarklet을 사용하여지도와 항공보기 이미지�..


간편한 방법으로 Internet Explorer 캐시 파일보기

클라우드와 인터넷 Oct 6, 2025

때로는 Internet Explorer의 캐시에 액세스하는 빠르고 쉬운 방법이 필요할 수 있습니다. 오늘 우리는 작업을 완료하는 데 유용한 애플리케이션 인 IE..


Internet Explorer 8에서 추가 기능 문제 해결 및 관리

클라우드와 인터넷 Apr 30, 2025

캐치되지 않은 콘텐츠 Internet Explorer에서 더 많은 기능을 얻는 좋은 방법은 추가 기능을 설치하는 것입니다. 오늘은이를 관리하는 방법을 살펴�..


카테고리