首页 文章

调试iPhone时,Safari Web Inspector不显示元素和样式面板

提问于
浏览
7

我将iPhone连接到Mac,我在iPhone高级设置中启用了Web Inspector,能够在mac safari中查看页面,但无法在safari中检查任何元素及其样式 . 我没有看到元素面板或样式面板 .

任何人都可以帮我找到那些调试样式的面板,我将其应用于我在iPhone中测试的页面元素 . 我可以在调试桌面safari页面时看到这些面板 . 看截图
enter image description here

在此先感谢您的帮助 .

3 回答

  • 0

    从Web检查器中选择任何html元素 . 现在在设备中它将以蓝色突出显示 . 右上角有展开窗口以显示样式,图层,节点选项卡 . 选择样式并编辑css . 请参阅评论中给出的链接以获取完整的详
    enter image description here

  • 10

    在Safari 11.1.2中,当选择'Computed'选项卡时,您可以通过单击任何计算属性旁边的箭头返回到非计算属性(样式属性)级别 . 例如,请参阅我附带的屏幕截图中 -webkit-border-horizontal-spacing 属性旁边的灰色箭头 .

    Safari Element Inspector Computed properties sidebar

  • 1

    答案是,需要从下拉列表中选择DOM树,如屏幕截图所示 .
    enter image description here

相关问题