有关于可以使用SafariWebInspector寻求有关Web开发的帮助现在一些变化大家兴趣很大，既然要对可以使用SafariWebInspector寻求有关Web开发的帮助了解清楚，小编特地给大家带来具体情况。
如果您是Web开发人员，那么您可能已经了解Safari的Web Inspector。但是，如果您刚刚开始使用Safari进行开发或刚刚开始Web开发事业，则本指南将向您展示在iOS和Mac上使用Safari Web Inspector的基础知识。
什么是Safari Web检查器?
对于尚未熟悉该工具的用户，可以使用Safari Web Inspector寻求有关Web开发的帮助。它使您可以查看页面元素，进行更改，解决问题并查看页面性能。苹果总结如下：
Web Inspector是Safari中主要的Web开发工具。Web Inspector允许您在Safari选项卡中检查，调整，调试和分析Web内容的性能。
启用并打开Safari Web检查器
您可以使用Safari Web Inspector在iPhone，iPad或Mac上进行开发。以下是在iOS和macOS上启用和打开它的方法，因此您随时可以在需要时使用它。
在Mac上启用并打开Web Inspector
如果要经常使用Web Inspector(无论是iOS还是Mac)，也可以将“ 开发”选项卡添加到菜单栏中，以便轻松访问它。
1)打开Safari，然后从菜单栏中单击Safari > 首选项。
2)选择高级选项卡。
3)在菜单栏中标记“ 显示显影”菜单底部的框。
在Mac上的Safari中显示“开发”菜单
现在，当您要启用Web检查器时，从菜单栏中单击“ 开发” >“ 显示Web检查器”。
如果您不想放弃将“开发”按钮添加到菜单栏中，则可以使用快捷方式访问Mac上的Web Inspector。导航到要检查的页面，右键单击该页面，然后从上下文菜单中选择“ 检查元素 ”。
在Mac上的Safari中检查元素快捷方式
请记住，如果您打算在iOS设备上使用Safari的Web Inspector，则需要菜单栏中的“ 开发”按钮。
启用并打开iPhone和iPad的Web检查器
要在Mac上使用适用于iOS的Web Inspector，请抓住电缆并连接iPhone或iPad。然后，请按照以下步骤启用该工具。
1)在iPhone或iPad上，依次打开设置 > Safari。
2)滚动到底部，然后点击高级。
3)启用Web Inspector的切换。
在iPhone上启用Safari Web Inspector
接下来，确保在iOS设备和Mac上打开Safari。
1)从菜单栏中单击“ 开发 ”，您将看到列出的iPhone或iPad。
2)将鼠标悬停在设备上，然后您会看到在设备上的Safari中打开的网站。
3)选择您想要的一个，Web Inspector将在新窗口中弹出打开供您使用。
在Mac上的Safari中为iPhone开发菜单放置Safari Web检查器
如果您使用的是iOS的Web检查器，它将保留在其自己的浮动窗口中。
如果将其用于Mac上的Safari，则可以更改其位置。默认情况下，Web Inspector会显示在Safari窗口的底部。要将其分离并将其放在单独的窗口中或将其停靠在Safari的右侧，请选择“检查器”窗口左上角的按钮之一。
在Mac上的Safari中定位Web检查器了解Web检查器
Safari Web Inspector拥有方便的工具栏和选项卡，其中包含一些选项，您可以根据需要进行调整。
Web检查器工具栏
“ X”关闭检查器
定位按钮
重新加载按钮
下载网络存档按钮
活动查看器(资源计数，资源大小，加载时间，日志，错误，警告)
元素选择器按钮
搜索框
Web检查器选项卡
您可以使用所有选项卡，也可以仅使用几个。单击最右边的选项卡上的加号以查看可用的选项卡并添加一个。您可以右键单击或按住 Control，然后单击选项卡，然后选中和取消选中要查看的选项卡。按住并拖动到新位置重新排列标签。
元素：页面文档对象模型的当前状态
网络：当前页面加载的资源
调试器：查看JavaScript执行，变量和控制流
资源：当前页面内容正在使用的资源
时间轴：页面内容的视图
存储：页面内容可用的状态
画布：从CSS创建的上下文
控制台：显示记录的消息，并让您评估JavaScript代码
Mac上的Safari Web检查器标签
要获得有关特定选项卡的深入帮助，您可以前往Apple Developer Support网站。选择目录> Safari开发者工具 > Web检查器中的入门。
Safari Web检查器开发人员站点
在标签栏的右侧，您会看到一个设置按钮。这使您可以调整选项卡，缩进，源贴图，缩放等的设置。
Mac上的Safari Web检查器设置
【关键词：青岛web在线培训，web在线培训多少钱，web在线培训哪家好，中享思途】
