How to wrap a website in a phone app?

EnexoOnoma picture EnexoOnoma · Nov 12, 2011 · Viewed 23.4k times · Source

I have seen a lot of mobile phone apps that just open a web page without the controls. Just the page.

I am looking for guidance and links to start something simple like this.

Answer

Sandwich picture Sandwich · May 3, 2013

If you would like to wrap a website in Android you may do so with this code, from Roskvist

package com.webview;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.webkit.WebView;

public class WebViewTest extends Activity {

    WebView browserView;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //Removes the title bar in the application
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);

        //Creation of the Webview found in the XML Layout file
        browserView = (WebView)findViewById(R.id.webkit);

        //Enable Javascripts
        browserView.getSettings().setJavaScriptEnabled(true);

        //Removes both vertical and horizontal scroll bars 
        browserView.setVerticalScrollBarEnabled(false);
        browserView.setHorizontalScrollBarEnabled(false);

        //The website which is wrapped to the webview
        browserView.loadUrl("http://dev.openlayers.org/sandbox/camptocamp
        /mobile/trunk/examples/iol-iui.html?rev=9962#_map");

    }
}

And here's the main.xml contents

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<WebView  
    android:id = "@+id/webkit"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 

    />
</RelativeLayout>

You would then have to compile and load it to your device via USB.