I'm trying to debug my website, but Apple are douches. What do I do to enable the debug console if I don't have a Mac?
I installed Safari and the latest iTunes, but my iPhone doesn't show up in Safari developer thing.
You can try option of using Telerik AppBuilder (Windows client) as a replacement on Windows for Safari debugger on Mac when remote debugging. There's a nice blog post about the steps to do it in link below. I'd rather not repost the info as there are also screenshots and it's a lot of text. But essentially, you install app, open it, connect device via USB, then you can find it in the app and open up the developer tools/debugger for it. For non-public websites, you'll have to open up port 80 with some firewall configs documented in the post.
http://blog.falafel.com/Blogs/josh-eastburn/2014/03/04/ios-web-inspector-on-windows-with-telerik-appbuilder
The tool requires a license or you can use the trial, which becomes a basic edition afterwards. I think the basic edition will still allow you to do the debugging. I'm going to try it out myself.
You can also try these iOS apps too, you can find them in the iTunes App store. They give you a built in developer tools feature (right on iOS no remote debug) that mobile Safari doesn't offer.
MIH Tool - basic edition
https://itunes.apple.com/us/app/mihtool/id584739126?ls=1&mt=8
HTTPWatch Basic
https://itunes.apple.com/us/app/httpwatch-basic-http-sniffer/id658886056?mt=8
I gave them a try and they're at least better than the mobile Safari you get on iOS, unless one needs to target full mobile Safari compatibility. I'm guessing the pro/paid editions of those apps give you more/better features.
iOS Debugging with Safari is a featuere of the new Safari. As Safari for Windows is a outdated Version of Safari, debugging is not Implemented.
So debugging with Safari is only possible on a mac!
min requirements are: OS X 10.8 iOS 6
More Infos:
Safari Remote Debugging on Windows
Since that Question was asked i found another neat way to debug stuff on a not accessible Platform:
http://people.apache.org/~pmuellr/weinre-docs/latest/
It works like this:
You add the weinre.js to your project
You set up weinre on your main platform (pc)
Starting your project results in sending the Debug Information from your project to your Platform
It's not that easy to run and understand, but once it works its pretty nice.
Did you set up your phone to allow remote webview inspection?
http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
As an alternative to Weinre, you can try Vanamco's Ghostlab as well, it supports JS console and parallel testing on multiple device.
Related
I know to debug mobile safari you'll need a mac, but is it possible to debug ios version of chrome on a windows machine (via a usb cable)? seems like a simple question, but for some reason I can't find anything on it using google. everything I find always seems to point to debugging mobile safari via mac or debugging mobile chrome for mac users.
FYI: I plan on getting the device, but I need to know if the aforementioned is possible before getting the iphone.
Normally I'm a JEE guy but these days I'm working on a mobile app. I chose PhoneGap because there are not so many needs to UI and I thought this would be the easiest way to serve the app on many platforms.
I'm wondering if my setup is good and if it's possible to get console output when running on the device. I'm working on MacOS and iPhone6.
I installed PhoneGap and Cordova via npm and serving the files with phonegap serve.
For local debugging I'm using the chrome plugin "Ripple".
For debugging on the device I'm using the PhoneGap Developer App from the AppStore, together with weinre on my Laptop to get some debugging data. In weinre I can see everything except console outputs. Is this normal? Or any idea how I could get the console to weinre, too?
I also found some tutorials on the web using XCode and some native iPhone emulator but didn't get this working yet. Which way is the more preferable way of debugging on device?
You don't need any tool for debugging cordova app. For iOS just start the app in stimulator and start safari. In safari go to Develop > 'your pc name' > ios simulator.
http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
For Android run the app in your device and in the chrome go to http://chrome://inspect/#devices
Weinre is quite old and should not be be used anymore, instead, you want to use the remote debugging tools in your browser. For iOS, you can use Safari to debug your Cordova app. I've got a full article here, https://dzone.com/articles/overview-mobile-debugging, but the process involves doing one setting on your mobile device, and then simply opening up Safari and going to the debug menu. You can also do this with Chrome and Android apps.
Another option is GapDebug (https://www.genuitec.com/products/gapdebug/) which lets you do iOS and Android together in one Chrome tab.
I have a JQuery Mobile app. I'm curious how it looks/runs within an iPhone. I do not have an iPhone. I also, do not have a MAC. Are there any downloadable tools that I can use on a Windows 7 machine to see how the app looks within iPhone?
Thank you!
If you just need to see how your JQM app looks on iPhone you can try iphonetester.com.
You can also might be interested in much more advanced web based tool BrowserStack.
And finally if you need more than that (for example attach to iOS Safari instance to debug your mobile app code) than you need real or virtualized OSX and xCode iOS Simulator.
You can't do that in the Windows environment.
But you can use your computer to create a hackinntosh. A hackintosh is simply any non-Apple hardware that has been made—or "hacked"—to run Mac OS X. This could apply to any hardware, whether it's a manufacturer-made or personally-built computer.
Than you can use it to test an iPhone jQM app in the XCode iPhone emulator. Only downside of this method is that you can not use it to deploy final all into Apple app store.
Here's a short tutorial on what is a hackintosh and how you can deploy it on your computer: http://lifehacker.com/5841604/the-always-up+to+date-guide-to-building-a-hackintosh
And here's an youtube "how to" video: http://www.youtube.com/watch?v=pEW6d7m5Zc0
According to iOS Developer Library Debugging guide it should be possible to debug a web site in Mobile Safari (on iOS 6) remotely from desktop Safari, through a usual USB connection. But after completing described steps (I turn on Web Inspector on iPad, connect it via USB to my Mac, switch on Develop menu form the preferences) I still do not see any device item under Develop menu in desktop Safari. Is there any other crucial requirement for this to work? Minimal Mac OS X version maybe? I have 10.6.8.
It turns out that support for remote debugging was added only in Safari 6, which, for some unexplainable reason is not available for Snow Leopard, only for Lion (in limited version) and up. So I bought an upgrade to Mountain Lion and it simply works now.
Apple wants to force the developers to upgrade to the recent OSX (which is bundled with the recent Developer Tools).
But there is an working way for debugging iOS6+ Safari for developers using OSX 10.6.8 / Windows / whatever:
WeinRE
It works just fine like the official way. Maybe Apple took this project for their debugging (just a guess).
In the preferences for Safari on iOS, there is an option under advanced that allows the toggling of 'Web Inspector', which turns on and off this feature (at least this is on iOS 6, I don't have older devices to check this on).
There is also a limitation that:
Important: You can only inspect apps on devices that have been transferred to your device from Xcode. You cannot inspect apps that have been downloaded from the App Store, even if it is your app.
So I expect that developer apps are the only other ones that you can manipulate in this manner.
I'm developing a site one of the targets of which is iPad.
What options do I have to debug client side (DOM inspector, style viewer/editor, javascript console, network analyzer - all thing every major desktop browser has) when viewing the site from iPad?
I'm not looking for some kind firebug lite, or anything that makes me to debug site from iPad itself. (This would be too tedious.) Instead, what I'm after is some sort of remote debugger for mobile Safary, allowing me to work with sites opened on iPad from a desktop machine, or an iPad emulator with same capabilities. I know there is the emulator that comes in bundle with official SDK, but does it have such means?
It's the first time I'm facing the problem, so not to blame!
This is what I'm aware of:
weinre (But does it really work?)
Check out BugSense and their HTML5 (javascript) installation