从响应式网站创建一个应用程序,它使用返回html和javascript的ajax调用 - 最简单的方法?

时间:2014-12-28 10:40:34

标签: android ios cordova phonegap-build

我正在寻找从我的网站创建移动应用程序的最简单,最有效的方法,该方式已经完全响应。

我有一个包含5个不同的ajax调用的页面。每个ajax调用都返回由PHP脚本创建的html和javascript。所有不依赖于用户的JavaScript都在一个单独的文件中。所有css都有一个单独的文件。

我认为由于ajax调用,转换代码(使用phonegap)将非常困难。我希望有一个应用程序可以在某人的手机上安装图标,只需在浏览器中打开我的网站(不显示该浏览器的任何内容)。

我的问题:为Android和ios创建应用程序的最简单方法是什么?

1 个答案:

答案 0 :(得分:1)

网页视图?如果您打算构建一个只打开您的网页的应用程序,并且没有显示其打开的AOSP浏览器或任何其他浏览器,那么只需使用webview即可。它会像你的应用程序中的任何其他活动一样打开,但内容(取决于你想要的webview的大小)将只是你的网站。我在我的Android应用程序中做了一个非常类似的事情,这里是代码。

Java类:

  

公共类网站扩展了活动{

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_website);

    String url = "http://www.YourWebsiteHere.co.uk";
    WebView view = (WebView) this.findViewById(R.id.webViewSite);
    view.getSettings().setJavaScriptEnabled(true);
    view.loadUrl(url);
}

XML文件:

  

<WebView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webViewSite"
    android:layout_alignParentTop="true"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" /> </RelativeLayout>

http://developer.android.com/reference/android/webkit/WebView.html