iPad Safari开发工具栏

时间:2011-04-20 17:35:43

标签: javascript css ipad safari mobile-safari

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

我在桌面Safari上也知道同样的事情,我知道在iPad / Safari中有一个Debugger选项,但在iPad / Safari中是否有快速编辑CSS / JS的方法?

5 个答案:

答案 0 :(得分:42)

在ipad上转到设置> Safari>开发人员并激活调试控制台。

将ipad与电脑连接。

在计算机上打开 Safari ,在设置中启用开发人员工具。 检查选项卡开发人员的上述菜单,然后在那里找到 iPad

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

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

答案 1 :(得分:25)

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

您的另一个选项是Weinre,一个远程调试器和PhoneGap项目的一部分。从本质上讲,它允许您在桌面计算机上运行类似于Chrome文档检查器的界面,该界面可以操作iPad或iPhone上的文档。下面的评论者在一年前引起了我对这个真棒工具的注意,但从那时起项目的URL已经改变,所以我在这里添加它。

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

答案 2 :(得分:7)

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

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

答案 3 :(得分:-1)

Safari iPad没有开发工具,但它有一个调试工具栏。它的功能包括:

  1. 查看发送到控制台的消息
  2. 查看JavaScript错误
  3. 查看CSS错误
  4. 所以它对开发来说并不好,但它比没有好多了。以下是启用它的方法:

    1. 打开设置
    2. Safari浏览器
    3. 高级
    4. 启用调试控制台
    5. 然后,您应该在网页顶部看到一个横幅,其中包含来自调试控制台的消息。

答案 4 :(得分:-3)

Safari中有一组开发人员工具。 转到设置>高级并好好看看:))