HTML5 Web App Mobile Cross-platform development notes

The APP development platform includes Android platform development, MAC OS X platform development, and Windows Phone 7 platform development. The development of the program can only be run on their own mobile phone system, if the development of a program to be able to run on any of the above systems, it is a wonderful thing. and HTML5 Mobile Web app is one of the cross-platform approaches. The following is a description of the relevant knowledge

1. Background

HTML5 is the latest standard in HTML, and HTML5 's draft has been published in 2008 and is being further refined by the W 3 C (World Wide Web Consortium). For many people, this improvement should have been made. For more than more than 10 years, HTML has not really been upgraded, and the last time the standard language was formally obtained (i.e. the final phase of the Web standards development process) was the XHTML1.1 of 2001. Over the years, Web developers have demanded a higher level of escalation. Because the HTML and XHTML standards are inadequate, their document-centric philosophy does not effectively meet the needs of modern web applications.

2.html5

2.1 What is HTML?

HTML (hypertext Markup Language) is the abbreviation for Hypertext Markup Language, which is a markup language that does not need to be compiled and executed directly by the browser. The HTML file is a text file that contains some HTML elements, tags, and so on. The standard for the current HTML language is developed by the world Wide Web Consortium. According to the rules, regardless of the browser, for the same HTML code, should be shown to the user the same effect.

2.2 What is HTML5?

HTML5 is the next generation of Web languages, and HTML5 presents many new features, such as embedded audio, video and picture functions, client-side storage data, interactive documents, etc., by making precise rules about how to handle all HTML elements and how to recover from errors. HTML5 further enhances interactivity and effectively reduces development costs, and will lead the next web to achieve similar desktop application experiences. It appears to eliminate the reliance of Internet programs on a class of browser plugins such as Flash,sliverlight,javafx.

From a perceptual point of view, the rendering process of HTML5 technology is mainly performed by browsers, applications that embed HTML5 parsers (such as PHONEGAP), applications that support bookmark opening methods, or mobile phone products (iphones and ipads). The advantage of this technology is the ability to reuse existing web design.

From a rational point of view, HTML5 technology is to use the JavaScript engine to directly control local functions and change the browser components on mobile devices. The performance problems in HTML5 applications are more controlled by html/css rendering techniques than by JavaScript parsing. If used correctly, HTML5 technology can undoubtedly give you a lot of new performance effects

2.3 HTML5 Foreground

, in 2012, will be published by the candidate recommendation version, this version of the release represents the HTML5 specification has been completed. The plan recommendation, introduced in 2022, means that at least two browsers will fully support all features of HTML5. 2022 sounds a long way off, but by observing the extent to which browsers such as Chrome, Firefox, and Safari,ie are supporting the HTML5, it can be seen that major browser vendors are very active. You should not need to have at least two browsers to support HTML5 by 2022. Therefore, it is not meaningless for future product planning to focus on and discuss HTML5 and understand the new features of HTML5.

Products and applications of 2.4 HTML5

Google's Gmail Mailbox

3. Mobile HTML5 Web App

3.1 Mobile Web App

Mobile internet has become one of the most important ways to surf the internet, mobile phone users have reached 300 million. The era of mobile internet has been opened, the rapid development of the Internet industry has become a new battlefield. and mobile Internet in the user's life accounted for more and more.

The rise of Android and iOS phones has accelerated the popularity of HTML5 in mobile devices. Unlike desktop browsers, mobile operating systems and browsers are constantly escalating as mobile phones are updated. The continuous upgrading of mobile browsers provides HTML5 with a steady stream of momentum in the direction of mobile web development. As the performance of the device continues to improve, the ability of mobile Web applications is gradually approaching the client application.

As Apple announces that it does not support Flash, supports HTML5, and Microsoft's next-generation systems fully support HTML5, and just got the message OFFICE15 will support html5/javascript development, we can foresee that HTML5 will bring a revolutionary storm, And its status is obvious.

As can be seen from the above survey, multiple mobile phone operating systems exist at the same time, and this data is 2010, now estimated future purchases, Android is still dominated, Apple and Windows Phone 7 should be the next three major dominance. This trend should be a long-term process, so it is becoming increasingly important to develop applications that span the platform.

Then the browser specifies common rules, as long as the browser that supports this rule can be used, this is the HTML5 Web App. As long as the mobile browser supports HTML5 browser, the Web app can run.

3.2 Developing HTML5 Web APP

At present, you can know that the application of HTML5 on the PC is just beginning to rise, it can be said in the mobile application is beginning to start, both at home and abroad in this area of development and application are very few, can be used to describe the rare. and HTML5 Web app development in this area of poor resources, and now development generally use two frameworks phonegap and Sencha Touch.

PhoneGap is an open-source mobile app development platform that can be used only in HTML and JavaScript to make apps that run on multiple mobile devices. PhoneGap has abstracted and simplified the complex APIs provided by the mobile device itself, providing a rich set of APIs for developers to call, so long as you have HTML and JavaScript or the Java language, you can use the API provided by PHONEGAP to invoke various functions. PhoneGap allows you to create applications that run on a variety of mobile platforms. PhoneGap has implemented support for most features of Iphone/ipad, Android, Symbian,palm, and BlackBerry versions.

The Sencha Touch Framework is the world's first mobile app framework based on HTML5. Sencha is the most powerful framework that has been found to be used in mobile platforms so far. Believe that with the advent of Sencha, mobile platform web App user experience design will be improved, but also to HTML5 and CSS3 on the mobile platform for the popularization of the promotion of a great role. Predictably, with HTML5 's increasingly powerful features, future mobile apps will gradually step into the Web App era, and Native apps will gradually end.

4. Summary

Be assured that two points: the future of HTML5 is bright, it is bound to lead the IT session of a change. As mobile applications become more and more important in the human life civilization, it is expected that the HTML5 Web app will be the lead army. Now is a stage of enlightenment, we need to do the relevant preparation and research.

HTML5 Web App Mobile Cross-platform development notes