Моя разметка веб-сайта ASP.NET MVC выглядит «неправильной» в iOS (iPad и iPhone). В настольном браузере Safari Chrome, IE и т. Д. Я просто использую и внедряю инструменты разработчика в браузере для поиска проблем.Отладка макета html iOS Safari для Windows
Есть ли способ отладить Safari iOS (через некоторый эмулятор) из Windows. У меня также есть Mac с xCode под рукой, если он предоставляет способы облегчения процесса.
На вашем Mac вы можете открыть iOS Simulator (ранее симулятор iPhone). Если у вас есть XCode, у вас есть симулятор. Просто откройте симулятор, откройте Safari и перейдите на свою страницу оттуда, как и в обычном браузере.
Поскольку у Mobile Safari нет подходящего инспектора HTML/CSS, Firebug Lite может работать.
Я знаю, что это довольно старый вопрос, но так как я сталкивался с этим сам недавно и нашел решение, позвольте мне поделиться им с кем-либо еще, что может выглядеть.
Проект weinre предлагает удаленный отладчик, который работает более или менее как старая версия инструментов webkit dev. Хотя это не так полно, как надлежащие удаленные инструменты отладки, найденные в Safari, он может выполнить эту работу при работе с HTML и CSS.
Пакет Weinre доступен on npmjs.com, и для его установки требуется NodeJS/NPM. Он может отлаживать любое приложение, работающее в любом браузере, и работает на всех платформах, где поддерживается NodeJS, включая Windows.
Для установки:
npm i -g weinre
Затем запустите его на порт 9000 (или любой другой порт, который вы хотите):
weinre --httpPort 9000
Посещение Localhost: 9000 дает вам доступ к инструкции о том, как инструмент в Интернете которую вы тестируете (смотрите раздел «Целевой сценарий»). Например добавить к вашей странице:
<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>
После страницы инструментальными, вы можете перейти на интерфейс отладки, на который указывает страницу с инструкциями.
Но есть ли у эмулятора инструменты разработчика для отладки разметки и js, как у настольной версии Safari? Это не проблема, чтобы увидеть результирующий макет, проблема заключается в том, чтобы понять, почему он отображается таким образом. –
У него нет инструментов для разработчиков, но он может показать вам любые ошибки в CSS и JavaScript. Я обнаружил, что сообщение об ошибках действительно плохое, но это все, что у вас есть. http://imgur.com/a/riABW Если это не так, возможно, установка Firebug light поможет? http://getfirebug.com/firebuglite/ – ErikPerik
Эрик, вы должны отредактировать свой ответ и добавить в него информацию об firebug lite, так как другие параметры просто не сделали того, что мне было нужно. Я как бы забыл о FB Lite, я даже закрепил его как закладку. –