Comments on: iPhone Web Development Tips and Official Documentation Released

By: sam3000

sam3000 — Fri, 11 Dec 2009 16:49:06 +0000

We are developing a small web application using html and javascript. How can we handle to user pressing the “go” key while a text box is highlighted/ edited by the user.

By: WebdevIphone

WebdevIphone — Thu, 05 Nov 2009 06:08:01 +0000

Hi,

I was looking around for web development stuff concerning Iphone applications and encountered your post. I is really informative and helpful. I must appreciate the help I got from Cyber Designz [ http://www.cyberdesignz.com ], the most important and admirable is that they helped me live on phone for free at all.

Thanks for help and this informative post.

By: ReverseMortgage

ReverseMortgage — Mon, 17 Aug 2009 10:49:48 +0000

I agree with Cyber100. The document released by Apple this week is worthwhile as it y tells about the beginning of the story of how to optimize web pages. http://www.cyberdesignz.com can be an alternate source to get information regarding this topic.

By: Cyber100

Cyber100 — Thu, 01 Jan 2009 10:31:37 +0000

That’s excellent iPhone Web Development Tips and Official Documentation Released ,The document released by Apple this week only tells the beginning of the story of how to optimize web pages for the iPhone and develop webapps, http://www.cyberdesignz.com/ , you can get more information from this

By: Peter Schmalfeldt

Peter Schmalfeldt — Wed, 21 Nov 2007 11:48:55 +0000

iPhone Web Developer Tool

http://www.manifestinteractive.com/iphone/

This application allows you to use your iPhone for Web Developing. You can View Source, Find on Page, Outline Divs & Tables, etc. Similar to the Firefox Web Developer Extension. Simply drag bookmarks into the web browser that you have your iPhone or iPod Touch synced to and you’re good to go. Works on any site.

Let me know what you think. If you have stuff you want added just let me know.

- Peter Schmalfeldt

By: jL

jL — Fri, 06 Jul 2007 22:09:15 +0000

Sorry, this is just killing me… the sample for determining landscape v. portrait is sorta silly, as it hardwires an assumption of screen dimensions (future iphones will likely have different screen widths and/or heights).

// also fixing “profile” to “portrait”
var orient = window.innerWidth

By: Dustin Diaz

Dustin Diaz — Thu, 05 Jul 2007 20:49:01 +0000

That’s a very innovative way by Joe to check landscape vs portrait. we can take it further and make it a custom event that fires off to any subscribers. That would seem pretty ideal :)

By: Ivan

Ivan — Thu, 05 Jul 2007 20:37:21 +0000

Steve Jobs is insane if he thinks I’ll waste more than 2 minutes of my time trying to make my code pretty for an iphone. I’m seeing another “3% of the market” in the iphones future. AFAIC, he’ll be getting POHM. (plain ole html markup).

By: Paul Colton

Paul Colton — Thu, 05 Jul 2007 16:09:56 +0000

Rather than polling, it seems that if you bind to the ‘onresize’ event, it will fire when you rotate the iPhone. So for the above example, you can delete this line:

setInterval(updateLayout, 400);

and add this line instead:

addEventListener(‘onresize’, updateLayout);

It works on my iPhone, anyway. ;-)

By: Andy

Andy — Thu, 05 Jul 2007 14:48:07 +0000

Yeah! More browser incompatibilities and “making apps specific for one kind of browser”. Thanks Apple!

By: Jeff Walden

Jeff Walden — Thu, 05 Jul 2007 11:39:04 +0000

The browser on the iPhone might be Safari 3, but don’t count on it being the same thing available for Windows. For example, the following test passes in Safari 3 beta on Windows, fails Safari 2, and fails on the iPhone.

http://web.mit.edu/jwalden/www/test-array.html

Basically, the bug is that |prop in jsArray| should return false only if prop is not present on jsArray, but Safari 2/iPhone is buggy and returns false for that if jsArray[prop] is explicitly set to the value undefined. I too suspect some forking and non-merging of recent-ish changes (this has only been fixed since March 28 in trunk webkit).

By: Christopher Allen

Christopher Allen — Thu, 05 Jul 2007 02:18:46 +0000

The document released by Apple this week only tells the beginning of the story of how to optimize web pages for the iPhone and develop webapps. The http://www.iPhoneWebDev.com developer community has been working hard to fill in the gaps of missing information. Since Friday we’ve figured out some best practices for viewport settings, discovered how to hide the URL bar to make more space available to web apps, how to detect orientation changes (portrait to landscape and back), tested AJAX and javascript performance, and have made progress on quite a few issues and work arounds for a number of bugs. If you are an iPhone web coder, check out our list archives, examples, and come join our community of developers helping developers!

Also, many of us are participating in this week’s barcamp-style http://www.iPhoneDevCamp.com this Friday in San Francisco. We hope to see many AJAXian faces there!

By: Lemon

Lemon — Wed, 04 Jul 2007 16:59:22 +0000

I think we should havethe iPhone to view the application.

By: justin

justin — Wed, 04 Jul 2007 15:53:23 +0000

Is there a program to simulate the view of the iPhone on a PC? Meaning, is there a way to view an application designed for an iPhone without owning an iPhone?

By: Isaiah

Isaiah — Wed, 04 Jul 2007 06:37:06 +0000

They almost beat your post, but not quite:

http://developer.apple.com/iphone/

Isaiah

By: don hosek

don hosek — Wed, 04 Jul 2007 05:37:42 +0000

In my brief visit to the apple store this afternoon, I noticed that the iPhone seems to be running Safari 3, or some subset thereof. In particular, it has the Safari 3 browser’s support of some CSS 3 functionality.