blocks|key|2486027|text|你看过webkit+remote+debugging+protocol吗？他们似乎知道人们想要为他们的iPad提供调试器，但现实世界中仍然没有可用的本地iPad远程调试器。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2486028|但是不要失望，有一个叫weinre的工具，它可以做webkit的人现在愿意做的事情！|2486029|更新：|style|BOLD|2486030|随着和平板电脑的发布，调试移动web应用程序再也不痛苦了。要做到这一点，你需要一个昂贵的带有ICS的Google+Galaxy+Nexus手机。但未来是光明的！查看视频演示here：|2486031|weinre是|2486032|+Inspector+Remote。听起来像“酒庄”这个词。或者像“韦纳”这个词。说真的，谁知道呢。|blockquote|2486033|2486034|entityMap|0|LINK|mutability|MUTABLE|url|http://www.webkit.org/blog/1620/webkit-remote-debugging/|1|https://people.apache.org/~pmuellr/weinre/docs/latest/|2|http://www.youtube.com/watch?v=s4zpL4VBbuU&feature=player_embedded^0|3|W|0|0|B|6|1|0|0|3|0|2E|4|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|F|3|G|5|6|7|1B|8|@$A|1C|B|1D|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|L|3|M|5|6|7|1I|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|1J|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]|Z|$5|U|V|W|C|$X|10]]|11|$5|U|V|W|C|$X|12]]]]

Did you look at <a href="http://www.webkit.org/blog/1620/webkit-remote-debugging/" rel="nofollow noreferrer">webkit remote debugging protocol</a>? It seems they know people want a debugger for their iPad but still no real world native iPad remote debugger is available out there. 

But don't get disappointed, there is a tool called <a href="https://people.apache.org/~pmuellr/weinre/docs/latest/" rel="nofollow noreferrer">weinre</a> that doing what webkit folks willing to do in the future right now! 

Update:

By release of <a href="http://code.google.com/chrome/mobile/docs/debugging.html" rel="nofollow noreferrer">Google Chrome for Android phones remote debugging</a> and tablets debugging mobile web apps is no pain anymore. You will need an expensive Google Galaxy Nexus phone with ICS on it to do it. But future is bright! Check out the video demo <a href="http://www.youtube.com/watch?v=s4zpL4VBbuU&amp;feature=player_embedded" rel="nofollow noreferrer">here</a>: 

<blockquote>
 weinre is Web Inspector Remote. Pronounced like the word "winery". Or
 maybe like the word "weiner". Who knows, really.
</blockquote>

blocks|key|4101801|text|对于那些从谷歌来这个问题的人，现在有一个Web+Inspector+available+in+iOS+Safari+(向下滚动到“iOS上的Safari”)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4101802|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/safari/tools/^0|K|11|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

For those coming to this question from Google, there is now a <a href="https://developer.apple.com/safari/tools/" rel="nofollow noreferrer">Web Inspector available in iOS Safari</a> (scroll down to "Safari on iOS").

blocks|key|4101679|text|你试过Firebug+Lite吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4101680|我还没有在iPad上使用过它，但我不明白为什么它不能工作。|4101681|我可能会根据是否设置了查询参数来设置条件include+-例如(php)|4101682|<?php+if(isset($_GET['debug'])):+?>
<script+type="text/javascript"+src="firebuglite.js"></script>
<?php+endif;+?>|code-block|syntax|javascript|4101683|entityMap|0|LINK|mutability|MUTABLE|url|http://getfirebug.com/firebuglite^0|3|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Have you tried <a href="http://getfirebug.com/firebuglite" rel="nofollow">Firebug Lite</a>?

I haven't used it on the iPad, but I don't see why it wouldn't work.

I'd probably set a conditional include based on if a query param is set - for instance (php)

<pre><code>&lt;?php if(isset($_GET['debug'])): ?&gt;
&lt;script type="text/javascript" src="firebuglite.js"&gt;&lt;/script&gt;
&lt;?php endif; ?&gt;
</code></pre>

blocks|key|473957|text|尝试使用iDebug。你可以直接从AppStore下载到你的iPad上。Here's+the+AppStore+Link。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|473958|entityMap|0|LINK|mutability|MUTABLE|url|http://itunes.apple.com/us/app/idebug/id525956537?mt=8^0|4|6|10|O|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

Try iDebug. You can direct download it from AppStore onto your iPad. <a href="http://itunes.apple.com/us/app/idebug/id525956537?mt=8" rel="nofollow noreferrer">Here's the AppStore Link</a>.

blocks|key|4386350|text|您可以尝试将Firebug+Lite用作书签小程序。你应该能够像Jesse建议的那样，在不更改应用程序代码的情况下使用所有功能。参见this+link。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4386351|entityMap|0|LINK|mutability|MUTABLE|url|http://iosbookmarklets.com/tutorials/firebug-lite-bookmarklet-ipad/^0|1U|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can try using Firebug Lite as a bookmarklet. You should be able to use all features without changing the code of your app as Jesse suggested. See <a href="http://iosbookmarklets.com/tutorials/firebug-lite-bookmarklet-ipad/" rel="nofollow">this link</a>.

blocks|key|4101834|text|我最近写了一个工具，用于在可移动/可调整大小的“窗口”(实际上是div)中显示控制台日志。它提供了与Firebug控制台类似的功能，但你可以在平板电脑上的页面上看到它。Tablet/Smartphone/Phablet+Debug+Console|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4101835|entityMap|0|LINK|mutability|MUTABLE|url|http://www.bagnall.co.uk/free_stuff/console/^0|2C|13|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I have recently written a tool for showing console logs in a movable/resizable "window" (actually a div). It provides similar functionality to Firebug's console but you can see it over your page on a tablet. <a href="http://www.bagnall.co.uk/free_stuff/console/" rel="nofollow">Tablet/Smartphone/Phablet Debug Console</a>

blocks|key|4386409|text|你也可以使用火狐内置的WebIDE和Valence|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4386410|插入你的设备>在火狐中点击扳手图标>查找WebIDE+>在“其他”下面点击"Safari，火狐，和iOS上的其他WebViews“|4386411|1|offset|length|4386412|2|4386413|3|4386414|entityMap|0|LINK|mutability|MUTABLE|url|https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/|https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/|https://developer.mozilla.org/en-US/docs/Tools/Valence^0|0|0|0|1|0|0|0|1|1|0|0|1|2|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$F|Y|G|Z|1|10]]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@$F|12|G|13|1|14]]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@$F|16|G|17|1|18]]|A|$]]|$1|L|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|E|$5|O|P|Q|A|$R|T]]|I|$5|O|P|Q|A|$R|U]]]]

You can also use Firefox's built in WebIDE with Valence

Plugin your device > in Firefox click on the spanner icon > find WebIDE > under "OTHER" click on "Safari, Firefox, and other WebViews on iOS"

[1] <a href="https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/" rel="nofollow">https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/</a>

[2] <a href="https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/" rel="nofollow">https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/</a>

[3] <a href="https://developer.mozilla.org/en-US/docs/Tools/Valence" rel="nofollow">https://developer.mozilla.org/en-US/docs/Tools/Valence</a>

blocks|key|4386436|text|实际上，有一种方法可以在iOS上使用Firefox+WebIDE在Windows机器上调试Safari中的网站。我在https://stackoverflow.com/a/35714835/306179上写了一个答案，进一步描述了这个解决方案，因为它的设置和使用不一定很简单。它没有提供你期望的所有开发人员工具，例如Chrome的DevTools套件，但它至少提供了控制台、检查器和调试器。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4386437|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/35714835/306179^0|I|E|1M|17|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

There is actually a way to debug a website in Safari on iOS using Firefox WebIDE on a Windows machine. I wrote an answer at <a href="https://stackoverflow.com/a/35714835/306179">https://stackoverflow.com/a/35714835/306179</a> further describing this solution, as it was not necessarily straightforward to set up and use. It does not provide all the Developer Tools you would expect from, for instance, Chrome's DevTools suite, but it at least gives the Console, Inspector, and Debugger.

blocks|key|4102051|text|首先，您必须确保启用了Web+Inspector+(+"Settings+>+Safari+>+Advanced“，然后打开"Web+Inspector”)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4102052|​|4102053|📷|atomic|offset|length|4102054|4102055|然后用USB线把你的iPad连接到Mac上。之后，我可以在Safari的“开发”菜单中选择调试我的iPad/iPhone上显示的网站。|4102056|4102057|4102058|4102059|图片和原始信息来源：https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787|4102060|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/112ae8cc1ecaf40eeb84479a7ddf0093.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/87e27bff6cab3806a1cc62c6e03a67be.png|2|LINK|MUTABLE|url|https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787^0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|A|30|2|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@$G|19|H|1A|1|1B]]|A|$]]|$1|I|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|M|3|E|5|F|7|1F|8|@]|9|@$G|1G|H|1H|1|1I]]|A|$]]|$1|N|3|C|5|6|7|1J|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1K|8|@]|9|@$G|1L|H|1M|1|1N]]|A|$]]|$1|Q|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]|Z|$5|T|U|V|A|$W|10|Y|-4]]|11|$5|12|U|13|A|$14|15]]]]

First you must ensure that you have the Web Inspector enabled ( "Settings > Safari > Advanced" and turn on "Web Inspector".)

<a href="https://i.stack.imgur.com/gXreO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gXreO.png" alt="enter image description here"></a>

Then connect your iPad to your Mac via an USB cable.
After that I can choose in the "Develop" Menu of Safari to debug the website displayed on my iPad/iPhone.

<a href="https://i.stack.imgur.com/SIPpE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SIPpE.png" alt=""></a>

Source of images and original information: <a href="https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787" rel="nofollow noreferrer">https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787</a>

I was wondering if there are any useful tools people have found to debug javascript on an iPad which is not jail broken. It is an iPad supplied for work so jail breaking is not an option. Through some tedious steps I have gotten firebug-lite working on the iPad but my debugger statements in the javascript are not being hit. There is also no capability that I am seeing to set breakpoints as you can traditionally with Firebug.

I also have Safari's debug console open but that is fairly useless for what I am trying to accomplish.

Thanks for any ideas.

Debugging Javascript on iPad

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想知道有没有什么有用的工具可以在没有越狱的iPad上调试javascript。这是一个为工作提供的iPad，所以越狱不是一个选择。通过一些繁琐的步骤，我让firebug-lite在iPad上工作，但是我在javascript中的调试器语句没有被击中。我也没有看到像传统的Firebug那样设置断点的功能。我还打开了Safari的调试控制台，但对于我要完成的任务来说，这是相当无用的。谢谢你的点子。

问在iPad上调试Javascript
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPad上调试JavascriptEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPad上调试Javascript
EN