В последнее время любой web-проект приходится тестировать на мобильных устройствах. Это актуально, если используется адаптивная верстка. Поэтому, на этапе тестирования одного из моих проектов мне захотелось посмотреть, а как все это будет выгядеть, если пользователь зайдет, скажем с iPhone. Сразу оговорюсь - у меня MAC OS X (Lion), установлен XAMPP. Сайт размещен на сервере Apache (XAMPP). Далее опишу все по шагам.
1. Подсоединяем iPhone через USB к компьютеру.
2. Открываем “Настройка системы (System preference).
3. Заходим в настройки сети (Network)

4. Выбираем строчку слева в меню - iPhone USB

5. Справа находим IP адрес

6. Открываем Finder (заходим под админом) - находим папку etc (путь: /Applications/XAMPP/etc)

7. По умолчанию эта папка только для чтения - делаем ее временно доступной для записи (правая кнопка мыши - Get info - внизу Sharing and permissions)

8. Заходим в эту папку - находим файл httpd.conf - также временно разрешаем админу запись
9. Находим строчку: Listen 80 и меняем ее на: Listen 8080. (Я изменил порт для сервера на XAMPP на 8080, так как порт 80 прослушивает инсталлированный в Lion свой сервер Apache. Сохраняем. Перезагружаем сервер Apache (XAMPP).

10. Открываем на iPhone Safari и в адресной строке набираем IP адрес (см. п.5) и путь к сайту (относительно localhost) Например http://172.20.10.9:8080/my_cool_site/index.php
Примечание. Если есть WiFi, то в п. 4 выбираем соответствующую строчку - WiFi и справа находим IP адрес (он будет другим). Подключив смартфон к Wi-Fi сети, и набрав в строке браузера теперь уже этот IP адрес, можно чере встроенный браузер взглянуть на свой сайт, размещенный на localhost, с мобильного устройства. Не забудьте после тестирования вернуть Listen 80 - если этого не сделать, то придется набирать в адресной строке браузера на компьютере через двоеточие адрес порта для протокола http 8080, например, так : localhost:8080/my_cool_site/index.php