在网络应用程序开发中，网络开发人员需要在不同的浏览器中测试和调试功能。大多数开发人员都使用Chrome、Firefox和Safari浏览器。
Safari browser 浏览器是苹果公司的流行网络浏览器之一。
有时，功能在Chrome中可以使用，但在Safari等其他浏览器中却无法使用。开发人员需要对代码进行调试以找出问题的根源。所有的浏览器都提供开发者工具来调试代码。
开发者工具可以通过Safari->偏好-高级标签-勾选菜单栏中的显示开发者菜单来启用。
在Safari中启用开发工具
在浏览器的菜单中启用开发菜单，如下所示
如何在Safari浏览器中检查元素？
Web Inspector是一个重要的开发工具，它提供了不同的标签来检查所有的前端资源，如HTML/CSS/javascript，网络请求时间的性能，加载所有资源所需的时间和控制台日志信息 你可以检查DOM元素
在开发菜单中，请选择显示Web检查器选项
配置Web检查器的快捷命令是Ctrl+Alt+I。它打开的窗口与底部的safari浏览器相同。
你也可以在一个新的窗口中使用停靠功能打开这个检查工具，如下所示
在Safari浏览器中显示错误控制台功能
这个功能可以使用开发菜单或快捷键命令Ctrl+Alt+C来启用。它列出了所有破损的元素，在网页中以红色显示的错误信息。这对调试代码非常有用，信息将显示行号和修复问题的有用信息。
默认情况下，safari日志在控制台日志的页面导航中被重置。你可以在开发者工具中找到这个选项，如下所示
- 在旧版本中保留导航时的日志
- 在最新的safari版本中保留日志
我们可以在Chrome中轻松地做同样的事情。从Safari 14版本开始，我们可以在开发者控制台的网络选项卡中找到保留日志选项。
检查开发控制台+网络选项卡+preserve log
对于较旧的safari版本，你可以右键单击控制台区域并选择Keep Log on Navigation
