是否有一种可以在iPad/Safari中使用的开发者工具栏？
我知道桌面版Safari上也有同样的工具栏，而且我也知道iPad/Safari中有一个调试器选项，但是有没有一种快速编辑CSS/JS的方法在iPad/Safari中？
6个回答
54
在iPad上打开设置 > Safari > 高级，并激活Web检查器。
将您的iPad连接到计算机上。
在您的计算机上打开Safari，在设置中启用开发者工具。 检查上述菜单中的开发人员选项卡，并找到您的iPad。
通过桌面机器上的控制台完全控制，完成！
注：使用也是完全相同的方式。
- honk31
3
尝试了一下，效果非常好！我遇到的一个问题是，在Safari中必须禁用私密浏览。 - user828591
4实际上，我认为这在Windows上不起作用，因为苹果停止了为Windows开发Safari浏览器（不确定是否完全停止）。我在虚拟机上尝试了一下，但是在开发菜单中找不到该项。 - honk31
4我可以确认这个功能只能在Mac的Safari 6上使用。Windows版本的Safari已于第5版停止，因此无法使用该功能。 - ylerjen
26
在Safari iPad上没有开发者工具栏，但你可以使用类似 Firebug Lite 的工具来完成大部分工作！只需将此书签加入您的收藏夹，然后在查看页面时加载即可。
另一个选择是Weinre，它是PhoneGap项目的一部分，是一种远程调试器。基本上，它让您在桌面机器上运行与Chrome文档检查器类似的界面，该界面可以操作iPad或iPhone上的文档。下面的评论者在一年前引起了我对这个神奇工具的注意，但自那以后该项目的URL已更改，因此我在这里添加它。
FirebugLite在渲染速度和处理JavaScript方面存在一些问题，并且还不能很好地扩展其字体大小。出于这些原因，Weinre是一种更强大的工具-但也更难开始使用。
- Winfield Trail
4
哦，该死的，Weinre看起来很棒。+1。 - Winfield Trail
@sudowned 这里有版本要求吗？我刚刚将我的iPad和MacBook更新到最新版本，但在“开发”菜单下没有连接到iPad的选项。 - GDP
不确定 - 你可能想和下面回答的作者 honk31 谈谈，因为他的答案涉及到连接方法。 - Winfield Trail
1Firebug Lite 很遗憾已经完全停止了。 - Simon East
7
您可以使用这个小技巧来启用Firebug Lite或任何其他内置于书签的调试工具，实际上效果很好！
http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/
- James
3
1谢谢！这很有用（也很必要，我一直在想...好的，我该怎么保存这个书签！） - Base Desire
1该链接似乎已经失效。 - MrBoJangles
1它仍然可以在Wayback Machine上找到 https://web.archive.org/web/20111114032339/http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/ - James
0
iPadOS Safari有一个扩展程序App Store上的Web Inspector，应该可以与iPadOS 15+一起使用。
这是作者网站上的描述：
Web Inspector是iOS和iPadOS上的Safari扩展程序，类似于其桌面版但功能较弱。它允许Web开发人员即时编辑网页、调试JavaScript等。
- kaznovac
-1
Safari iPad没有开发工具，但它有一个调试工具栏。它的功能包括：
- 查看发送到控制台的消息
- 查看JavaScript错误
- 查看CSS错误
所以它不太适合开发，但比没有好多了。以下是启用它的方法：
- 打开设置
- Safari
- 高级
- 启用调试控制台
然后您应该在网页顶部看到一个横幅，其中包含来自调试控制台的消息。
- jrullmann
1
6iOS 6.1上把这个移除了吗？我知道在6.0版本中它还在，但自从升级到6.1后我就找不到它了。或者是我漏掉了什么？ - SAL
-3
Safari浏览器中有一组开发者工具。 前往设置 > 高级，好好看看吧 :)
- Laurenz
1
5这个问题涉及的是 iPad 上的 Safari，而不是桌面版 Safari。 - Matthew
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接