리모트 디바이스(iPhone 등)에서 로컬로 개발된 웹 사이트를 테스트하려면 어떻게 해야 합니까?
새로운 WordPress 테마를 개발하고 있으며, MAMP를 사용하여 노트북에서 로컬로 이 작업을 수행하고 있습니다.노트북에서는 localhost: 8800 사이트에 접속할 수 있습니다.
아이폰에서 이 로컬 호스트 사이트에 접속할 수 있는 방법이 있나요?브라우저 크기만 조정하는 것이 아니라 모바일 기기에서 테마가 어떻게 표시되는지 보고 싶습니다.둘 사이에 애드혹 WiFi 네트워크를 구축하면 이 기능이 작동합니까?
"How do you access a website on localhost on a website from iPhone browser here" (아이폰 브라우저에서 로컬호스트에서 실행 중인 웹 사이트에 액세스하는 방법) 링크를 사용해 보십시오.
또는 다른 디바이스 http://quirktools.com/screenfly/에서 사이트를 테스트하는 경우 이 링크가 도움이 될 수 있습니다.
이 사이트(http://xip.io/) 및 vhost 설정에서 IP 주소를 로컬 IP로 바꿉니다.
#mysite.local
<VirtualHost *:80>
DocumentRoot "/Users/me/Sites/Development/mysite/www"
ServerName mysite.local
ServerAlias mysite.local.192.168.1.81.xip.io
<Directory "/Users/me/Sites/Development/mysite/www">
Options Indexes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>
그런 다음 디바이스에서 mysite.local.192.168.1.81.xip으로 이동합니다.이오
가장 쉬운 방법은 Mac과 iPhone을 동일한 WiFi 네트워크에 연결하는 것입니다.다음으로 [시스템 설정(System Preferences)]| [네트워크(Network)]에서 IP 주소를 가져옵니다.상태 섹션에 표시되며 10.10.5.100과 비슷할 수 있습니다.
그럼 아이폰에서http://10.10.5.100:8800
iPhone이 테스트서버와 같은 네트워크상에 있는 경우, 전화기의 IP 주소로 이동합니다.
편집: 복수의 호스트명이 있는 경우는, DNSMasq 를 사용할 수 있습니다.dd-wrt 라우터가 있는 경우 [서비스(Services)]페이지의 [추가 DHCP 옵션(Additional DHCP Options)]상자에 다음 행을 추가하여 DNSMasq가 활성화 되어 있는지 확인합니다.)
address=/dev/192.168.1.2
interface=lo
no-dhcp-interface=lo
그러면 .dev 도메인이 192.168.1.2로 전송됩니다.필요에 따라 조정됩니다.
언급URL : https://stackoverflow.com/questions/15946909/how-can-i-test-a-website-being-developed-locally-from-remote-device-like-an-iph
'programing' 카테고리의 다른 글
컴포넌트에 고유 키를 부여할 때 Math.random()을 사용하여 해당 키를 생성해도 될까요? (0) | 2023.03.02 |
---|---|
AngularJs에서의 Jquery Datatable 사용 (0) | 2023.03.02 |
인터페이스 FormData를 구현하지 않는 개체에서 'append'가 호출되었습니다. (0) | 2023.03.02 |
Oracle 관리 드라이버는 비동기/대기 기능을 올바르게 사용할 수 있습니까? (0) | 2023.03.02 |
django-rest-model serializer 필드를 필수화하는 방법 (0) | 2023.03.02 |