Archive for the ‘iOS’ Category

Preparing for iOS7 by doing a full iOS backup to an attached drive

Posted on September 24th, 2013 in iOS, iPhone | No Comments »

I rarely do full backups of my iPhone because I don’t usually have 64GB free on my drive but in preparation for iOS7 I knew I needed to do it.

Unfortunately there is no way in iTunes to specify an alternative drive to backup. Luckily I found this post stating you can symlink another folder on a remote drive in the place of your regular backup folder. The OS knows no difference:

 # You may need to move or delete your old Backup folder first.
 ln -s /Volumes/drivename/iBackup/ ~/Library/Application\ Support/MobileSync/Backup

iOS6 HTML5 updates.

Posted on September 26th, 2012 in iOS, iPhone | No Comments »

Here’s a great writeup on the new HTML5 improvements that rolled out for iOS6:
http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

The biggest improvements is native file upload support for web apps (no more need for Phonegap?) as well as remote webkit debugging.

Setting up remote JavaScript debugging for mobile devices in minutes with Weinre

Posted on April 1st, 2011 in android, iOS, iPhone, mobile apps | No Comments »

Let’s face it. Mobile web development today sucks. You don’t get the fancy console and debugging tools you have in modern desktop browsers like Firebug or Webkit’s Inspector. At most, you can enable a simple debug tab that reports the number of JS errors and allows you to console.log one variable at a time—and if you’re using embedded web views you don’t even get that much. For anything else you pretty much have to revert to the old days of javascript popup alerts or tailing your server logs.

Enter Weinre. Weinre is a beta project written in Java that allows you to have a remote Webkit inspector-style debugging console on your desktop that can communicate with your mobile device. You can send alerts, do full console logging—even inspect the remote DOM tree. It’s in beta and occasionally a little buggy but totally useable.

To use it, run the java server on your local machine and add a single script tag to your project. You can also just download the Mac executable here. The full documentation is here – (its not very straightforward so post here if you have questions.)

At work, we use Charles to redirect production apps to our local dev server. My local server.properties file looks like this:

~/.weinre]$ cat server.properties 
boundHost -all-
httpPort: 8081
reuseAddr: true
readTimeout: 1

Thanks goes to coworker Jim for being the first Guinea Pig to try it out.

Darndest CSS3 bug in iOS 3.1.3

Posted on March 17th, 2011 in iOS, iPhone | No Comments »

We were experiencing consistent bootup crashes for a game with embedded web views. Took us a while to track it down but if you use

display: table-cell;

with

-webkit-transform: translate3d(0,0,0);

or

-webkit-transform: translateZ(0);

in the same CSS declaration, it will trigger a bug in Mobile Safari and the game will crash.

Great way to check if you’re using hardware acceleration on your Safari mobile apps / webviews

Posted on March 16th, 2011 in iOS, mobile apps | No Comments »

The first thing you learn building HTML5/CSS3 web apps is that enabling hardware acceleration is must for smooth animations and transitions. Here’s a great tip by Thomas Fuchs that explains how you can see what parts of your web app are hardware accelerated: http://mir.aculo.us/2011/02/08/visualizing-webkits-hardware-acceleration/