blocks|key|779665|text|对于那些从谷歌来这个问题的人，现在有一个Web+Inspector+available+in+iOS+Safari+(向下滚动到“iOS上的Safari”)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|779666|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|779620|text|你试过Firebug+Lite吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|779621|我还没有在iPad上使用过它，但我不明白为什么它不能工作。|779622|我可能会根据是否设置了查询参数来设置条件include+-例如(php)|779623|<?php+if(isset($_GET['debug'])):+?>
<script+type="text/javascript"+src="firebuglite.js"></script>
<?php+endif;+?>|code-block|syntax|javascript|779624|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|779720|text|您可以尝试将Firebug+Lite用作书签小程序。你应该能够像Jesse建议的那样，在不更改应用程序代码的情况下使用所有功能。参见this+link。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|779721|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|779758|text|我最近写了一个工具，用于在可移动/可调整大小的“窗口”(实际上是div)中显示控制台日志。它提供了与Firebug控制台类似的功能，但你可以在平板电脑上的页面上看到它。Tablet/Smartphone/Phablet+Debug+Console|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|779759|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|779784|text|你也可以使用火狐内置的WebIDE和Valence|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779785|插入你的设备>在火狐中点击扳手图标>查找WebIDE+>在“其他”下面点击"Safari，火狐，和iOS上的其他WebViews“|779786|1|offset|length|779787|2|779788|3|779789|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|563462|text|首先，您必须确保启用了Web+Inspector+(+"Settings+>+Safari+>+Advanced“，然后打开"Web+Inspector”)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|563463|​|563464|📷|atomic|offset|length|563465|563466|然后用USB线把你的iPad连接到Mac上。之后，我可以在Safari的“开发”菜单中选择调试我的iPad/iPhone上显示的网站。|563467|563468|563469|563470|图片和原始信息来源：https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787|563471|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

调试器

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

问在iPad上调试Javascript
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPad上调试JavascriptEN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPad上调试Javascript
EN