iPad Safari 开发工具栏

问题描述 投票:0回答:7

是否有某种可以在 iPad/Safari 中使用的开发者工具栏?

我知道桌面 Safari 上也有同样的情况,并且我知道 iPad/Safari 中有一个调试器选项,但是有没有一种在 iPad/Safari 中编辑 CSS/JS 的快速方法?

javascript css ipad safari mobile-safari
7个回答
55
投票

在 ipad 上,转到 设置 > Safari > 高级并激活 Web Inspector。

将您的 iPad 与电脑连接。

在计算机上打开Safari,在设置中启用开发者工具。 检查上面菜单中的 Developer 选项卡并在那里找到您的 iPad

通过控制台从桌面计算机通过 iOS Safari 进行完全控制,就完成了!

PS:这与 iPhone 的工作方式完全相同..


26
投票

Safari iPad 没有开发者工具栏,但您绝对可以使用 firebug lite 之类的工具来完成您想要的大部分操作!只需将小书签添加到您的书签中,然后在您查看页面时加载它即可。

您的另一个选择是 Weinre,一个远程调试器,也是 PhoneGap 项目的一部分。从本质上讲,它可以让您在台式机上运行类似于 Chrome 文档检查器的界面,从而在 iPad 或 iPhone 上操作文档。一年前,下面的评论者让我注意到了这个很棒的工具,但从那时起,该项目的 URL 发生了变化,所以我将其添加到这里。

FirebugLite 在渲染速度和处理 JavaScript 方面确实存在一些问题,而且它也不能很好地缩放字体。由于这些原因,Weinre 绝对是一个更强大的工具 - 但也更难开始使用。


6
投票

您可以使用这个小技巧来启用 Firebug Lite 或任何其他内置于书签中的调试工具,实际上效果很好!

http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/


0
投票

App Store 上有 i[Pad]Os Safari Web Inspector 的扩展,应与 iPadOS 15+ 配合使用。

这就是作者网站上的描述

Web Inspector 是 iOS 和 iPadOS 上的 Safari 扩展,其工作方式类似于桌面版本,但功能较弱。它允许 Web 开发人员动态编辑网页、调试 JavaScript 等等。


0
投票

除非你有一台 Mac 电脑,并且具有与 iPad/iPhone 相同的 Safari 版本,否则你就不走运了 - 正如这里许多人已经说过的那样。

但是,有一种使用 Node.js 的方法,我从 here 偷来了这个“答案”。

本文指的是 Windows 10,但我已经在 Windows 11 上对此进行了测试,它的效果非常好。

我不会在这里重复网站上的步骤,但相信我,它是有效的。


-1
投票

Safari iPad 没有开发工具,但有调试工具栏。它的特点包括:

  1. 查看发送到控制台的消息
  2. 查看 JavaScript 错误
  3. 查看 CSS 错误

所以这对开发来说不是很好,但总比没有好得多。以下是启用它的方法:

  1. 打开设置
  2. 野生动物园
  3. 高级
  4. 启用调试控制台

然后,您应该会在网页顶部看到一个横幅,其中包含来自调试控制台的消息。


-3
投票

Safari 中有一套开发者工具。 转到“设置”>“高级”并仔细查看:)

© www.soinside.com 2019 - 2024. All rights reserved.