手机浏览器console日志如何同步到电脑上查看

àì夳堔傛蜴生んèń 2023-05-28 12:53 43阅读 0赞

# 如何查看手机浏览器的日志？手机浏览器日志如何同步到电脑？电脑上如何查看手机浏览器的日志？ #

# **本文主要讲述iphone手机浏览器的console.log日志如果同步到MAC电脑上。** #

Web Inspector是Web开发人员用来在Mac和iOS设备上修改，调试和优化网站的工具。

在iOS 6之前，iPhone的[Safari Web浏览器][Safari Web]具有内置的调试控制台，开发人员可用来跟踪网页缺陷。如果您的iPhone运行的是iOS的早期版本，则可以通过**设置 > Safari > 开发人员 > 调试控制台**来访问  调试控制台。只要iPhone上的Safari检测到CSS，HTML和JavaScript错误，调试器就会显示每个错误的详细信息。

所有最新版本的iOS均使用Web Inspector。您可以在iPhone或其他iOS设备上的Safari设置中激活它。要使用Web检查，你用电缆将iPhone连接到Mac电脑，然后打开Mac的Safari浏览器，在那里你启用[开发菜单 ][Link 1]Safari中的高级首。Web Inspector仅与Mac计算机兼容。

除非另有说明，否则本文中的信息适用于iPhone和其他通过iOS 12运行iOS 6的iPhone和其他iOS设备以及Mac OS X 10.5 Leopard和更高版本上的Mac。

在iPhone iOS 6及更高版本上激活Web Inspector  
默认情况下，Web检查器是禁用的，因为大多数iPhone用户都不使用它。但是，开发人员只需短短几步即可激活它。就是这样：

1、点击 iPhone主屏幕上的**设置**图标。

2、向下滚动直到找到 **Safari**，  然后点击它以打开包含与iPhone，iPad或iPod touch上的Safari Web浏览器相关的所有内容的屏幕。

3、滚动到屏幕底部，然后点击  高级  菜单。

4将**Web Inspector**旁边的滑块切换到“ **打开**”位置。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70][]

**在Mac上将iPhone连接到Safari**  
要使用Web检查器，请将iPhone或其他iOS设备连接到运行Safari Web浏览器的Mac。使用电缆将设备插入计算机。

在打开Safari的情况下，请执行以下操作：

1、在菜单栏中单击Safari，然后选择 **偏好设置**。  
2、单击   首选项中的**高级**选项卡。  
3、在**菜单栏**中选择“ **显示显影”菜单旁边的框**  。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1][]  
4、退出设置窗口。  
5、在Safari菜单栏中单击“ **开发”**，然后选择“ **显示Web检查器**”。  
您连接的iPhone或其他iOS设备将出现在“开发”下拉菜单中。打开Web检查器后，开发人员可以检查网页上的所有资源。Web Inspector窗口在单独的面板中包含可编辑的HTML和有关网页样式和图层的注释。通过Safari 9和OS X 10.9 Mavericks，Apple 在Web Inspector中引入了[响应式设计模式][Link 2]。开发人员可以使用此内置模拟器来预览网页如何缩放为不同的屏幕尺寸，分辨率和方向。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 3][]

这样你MAC上的safari浏览器就可以看到iphone手机浏览器safari上的网页console.log日志了

[Safari Web]: https://www.lifewire.com/using-safari-iphone-browser-2000784
[Link 1]: https://www.lifewire.com/how-to-enable-safari-develop-menu-2260894
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70]: /images/20230528/09b64f4f6d8e4233af20994d4f328a21.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1]: /images/20230528/cebf704cfee8435094237b215168a556.png
[Link 2]: https://www.lifewire.com/using-responsive-design-mode-in-safari-446569
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2]: /images/20230528/819cee9bab054672831fb3618ecaa8c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 3]: /images/20230528/8da40a4a93634fab805b60270b6ff29a.png