开发者

Is there a way to debug JavaScript in the iPhone/iOS Safari browser?

I have a strange behavior on the iPhone browser. Is there开发者_开发百科 a tool to debug the JavaScript of the iPhone browser?

I'm hoping there's something more advanced than simple alert() messages. Is there something with advanced tools like setting breakpoints and viewing object states?


With the release of iOS 6, Apple released Remote Web Inspector for their Mobile Safari, and this is huge. Basically you have all the features and power of Web Inspector in regular Safari, for your mobile apps, including Phonegap apps.

I've used weinre but this tool makes it obsolete for newer versions of iOS (unfortunately not for old versions of iOS, non-iOS devices, or if you're on Windows) since its a full-featured debugger with breakpoints and everything.

Requirements:

  1. A Mac with Safari 6+
  2. Either a USB-attached iOS 6+ device or xCode 4.5+ running an iOS 6+ simulator

How to activate the inspector:

  1. In your simulator or device, open Settings > Safari > Advanced > Web Inspector > On
    (this is on by default in the simulator)
  2. In Safari 6+ for Mac, access your page from the Develop menu. You can enable Develop menu in Safari's Advanced Preferences if its not showing up.

    Is there a way to debug JavaScript in the iPhone/iOS Safari browser?

    Is there a way to debug JavaScript in the iPhone/iOS Safari browser?

More discussion at the bottom of:
http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

(Also, if you read about a "secret private interface" or iWebInspector somewhere, these are also made obsolete.)


check out weinre or use the remote version debug phonegap.

cu


you can also inject firebug using a simple bookmark. I've used it on the ipad and my debugging abilities were immensely enhanced.


I faced a simple use case in which I only needed to test my code on a Safari's JS engine (Merely debugging, simply running it and consuming traces).

To that end I used Epiphany web browser, which is both free and uses JavaScriptCore JS engine which is also used by Safari. Epiphany isn't provided with developer tools, so I used http://jsconsole.com/ to view my traces.

Though it is a thin solution, it helped me find a line which worked on Chrome but didn't on Safari.


Step by Step Guide How To Enable JavaScript in iPhone

  1. Open your iPhone settings.
  2. Tap on safari in the app list.
  3. Tap on Advanced option.
  4. Enable Javascript iPhone with the help of switch push.
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜