Safari Web Inspector не показывает элементы и панель стилей при отладке iPhone

Я подключил iPhone к mac, и я включил веб-инспектор в расширенных настройках iPhone, способный видеть страницу в Mac safari, но не способный проверять какой-либо элемент и его стиль в safari. Я не вижу панель элементов или панель стиля.

может ли кто-нибудь помочь мне найти эти панели для отладки стилей, которые я применил к элементам страницы, которые я тестирую в iPhone. Я могу видеть эти панели при отладке страниц рабочего стола safari. увидеть скриншотenter image description here

заранее спасибо за любую помощь.

3 ответов


из веб-инспектора выберите любой элемент html. Теперь в устройстве он будет выделен синим цветом. В правом верхнем углу разверните окно, чтобы показать стиль, слои, вкладки узлов. Выберите стиль и отредактируйте css. См. ссылку, приведенную в комментарии для получения полной информации.enter image description here


ответ, нужно выбрать дерево DOM из выпадающего списка, как на скриншоте.enter image description here


в Safari 11.1.2, когда выбрана вкладка "вычисляемый", вы можете вернуться к уровню не вычисляемых свойств (атрибутов стиля), щелкнув стрелку рядом с любым из вычисляемых свойств. См., например, серую стрелку рядом с -webkit-border-horizontal-spacing свойство в моем прилагаемом скриншоте.

Safari Element Inspector Computed properties sidebar