您现在的位置:首页行业资讯

可以使用SafariWebInspector寻求有关Web开发的帮助 --中享思途

有关于可以使用SafariWebInspector寻求有关Web开发的帮助现在一些变化大家兴趣很大,既然要对可以使用SafariWebInspector寻求有关Web开发的帮助了解清楚,小编特地给大家带来具体情况。

青岛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在线培训哪家好,中享思途】

 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛Python培训,青岛IT培训,java培训,ui培训,HTML5培训,python培训,java就业培训,专业ui设计,前端开发培训,IT培训,思途教育,青岛思途,中享思途
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛Python培训,青岛IT培训,java培训,ui培训,HTML5培训,python培训,java就业培训,专业ui设计,前端开发培训,IT培训,思途教育,青岛思途,中享思途