Geek asks and answers

Link to embedded (UI) webviews in existing iOS and Android apps

This app already exists in the Apple App Store and Android. This is an application that uses a lot of native code and is not a candidate for full html5ed.

Description of Longwinded

I want to have a page settings web page. Some of these pages will live locally on a mobile device, and some will be hosted on a remote server. The native application will need to communicate with local web pages to get and set the information on the web page using javascript.

For example, the first page shown in WebView / UIWebview will be the local index page. If the remote website does not work, links on the index page to the deleted pages will be grayed out. When loading the WebView, the native application will need to detect the availability of this page and send javascript to the page to cancel the buttons. Similarly, some settings changes made on local web pages must be sent back to the Native application for processing.

Brief and weak resume requirements

  • Insert remote and local web pages into a web view.
  • Abstracts will be the same for Android and iOS
  • Local pages use JavaScript to receive data and send data to the Native Mobile App.

Potential Solutions

and. Phonegap

, Phonegap , -. , Phonegap .

? , ? .

. Roll My Own

, Javascript Webviews Native Apps . , , ( URL- iOS, AddJavaScriptInterface Android). , , .

? - , ? .

.

, , ( !) ? .

, , PhoneGap 'Cleaver' .

Android, , ( '12) write-once-embedded-HTML URL- - ( JS -).

+5
2

Android . WebView addJavascriptInterface. , javascript HTML.

iOS . :

  • iOS URL, native://somehost.com/somepath javascript iOS, window.location = 'native://somehost.com/somepath';

  • UIWebView , webView: shouldStartLoadWithRequest: navigationType: .

    if ([request.URL.scheme isEqualToString:@"native"]){
    if([request.URL.host isEqualToString:@"somehost.com"]) {
        //Do the code you need to do here, branch off depending
        //on the path and/or host, you can parse parameters here too
        return NO; //This will keep UIWebView from trying to actually load 
                   //your made up scheme
    }
}
return YES; //If the request isn't one you want to intercept return YES/true
            //so UIWebView will load the page

  • iOS javascript, WebView stringByEvaluatingJavaScriptFromString:. javascript, . -

    [webview stringByEvaluationgJavaScriptFromString:@"myJavaScriptFunction();"]

Android, WebViewClient shouldOverrideUrlLoading iOS-, , true, URL-, WebView , false, , WebView . WebViewClient WebViewClient setWebViewClient. javascript WebView - webview.loadUrl("javascript:myJavaScriptFunction();");

+10

PhoneGap iOS Cleaver, - iOS. . Android . , .

0

More articles:


All Articles