By: Rick A. VanVolkinburg. WebView – displays web pages inside application. JavaScript is...

MOBILE APP SUPPORT IN ANDROID AND WINDOWS

PHONE

By: Rick A. VanVolkinburg

Android - JavaScript

WebView – displays web pages inside application.

JavaScript is disabled. Enable:

webview.getSettings().setJavaScriptEnabled(true);

Android - DHTML

Pages do not automatically adjust size to fit the device’s screen

No video/audio can be played back on Android.

Android – HTML5

Support inline HTML5 video in your application, hardware acceleration turned on, and set a WebChromeClient.

No speech recognition No drag-and-drop No web notifications

Android - Ajax

Lack offline support

Android - CSS

Create styles for specific screen densities Webkit-device-pixel-ratio CSS media feature. Low density – 0.75 Medium density – 1 High density – 1.5

Mobile Safari - JavaScript

WebKit - open source web browser engine.

Upgrade known as “FTLJIT” Has to be enabled

Mobile Safari – HTML5

Lack form support – no inputs: date & times Color 3D graphics.

Mobile Safari - DHTML

Drag and Drop only works on Safari iPhone/iPod/iPad browser

Currently only supports QuickTime Scrollbars are not displayed

Mobile Safari - Ajax

Ruby on Rails Ajax via the Prototype Script.aculo.us libraries

Mobile Safari - CSS

//Browser Support Code function ajaxFunction(){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest();

Windows Phone - JavaScript

Jscript – “Microsoft JScript is an open implementation of Netscape's JavaScript. JScript is a high-performance scripting language designed to create active online content for the World Wide Web. JScript allows developers to link and automate a wide variety of objects in Web pages, including ActiveX controls and Java programs. Microsoft Internet Explorer is designed to interpret JScript embedded into Web pages.”

 ("Descriptions of Java, JScript, and JavaScript")

Windows Phone – HTML5

Lowest score among mobile app support - 372.

(HTML5test.com)

No webcam access No CSS selectors No drag-and-drop

Windows Phone - DHTML

Some devices button Clicks are registered twice

Borderless scrolling field doesn’t display scrollbar

Pages do not automatically adjust their size to fit device’s screen

Windows Phone - Ajax

The Ajax Control Toolkit contains 40 controls including: AutoComplete CollapsiblePanel ColorPicker HTML Editor Extender

Drag-and-drop controls from Visual Studio onto ASP.NET Web Forms page.

Windows Phone - CSS

New advanced layout – text wrap Visual effects Panning and zooming capabilities Remove limits on style sheets

Works Cited

"About - Internet Explorer 9 Guide for Developers." MSDN-the microsoft developer network. N.p., 14 Mar. 2011. Web. 26 Nov. 2014. <msdn.microsoft.com/en-us/ie/ff468705.aspx>.

"Android Developers." Android Developers. N.p., n.d. Web. 26 Nov. 2014. <http://developer.android.com/index.html>.

"Descriptions of Java, JScript, and JavaScript." Microsoft Support. N.p., 9 Aug. 2007. Web. 26 Nov. 2014. <http://support.microsoft.com/kb/154585>.

HTML5test.com. N.p., Nov. 2013. Web. 26 Nov. 2014. <http://html5test.com/>."SumTotal ToolBook Knowledgebase for Rapid Learning, Interactive eLearning

Content Tools." N.p., Web. 26 Nov. 2014. <http://kb.sumtotalsystems.com/community_kb_tb_display.asp?id=P23791>.

The WebKit Open Source Project. N.p., n.d. Web. 26 Nov. 2014. <http://www.webkit.org/>.

"Windows Dev Center." Windows Dev Center. N.p., n.d. Web. 26 Nov. 2014. <http://dev.windows.com/en-us>.