I'm going to create a website, which is meant to be opened from mobile phones including iphones. The website may be containing different contents such as Javascript widgets, flash content, images, texts, dropboxes, etc. The website is being built using XHTML and Javascript. What are the common issues that safari faces while opening such a website pls give your suggestions.
Mobile Safari does not support Flash. Other than that it will cope with anything that a modern desktop browser will cope with.
However, 'coping with' is not the same as 'optimised for'. There are various things you can do to optimise your content for Mobile Safari from a very simple hint about the initial viewport width:
< meta name="viewport" content="width=800" / >
to a separate CSS style sheet, to completely different content using native Mobile Safari widgets and interaction.
I suggest doing a search for 'optimizing for Mobile Safari'. Apple also has a huge amount of resources.