从响应式站点创建一个应用程序，该应用程序使用返回 html 和 javascript 的 ajax 调用 - 最简单的方法？

Posted 2023-03-15

【中文标题】从响应式站点创建一个应用程序，该应用程序使用返回 html 和 javascript 的 ajax 调用 - 最简单的方法？

【英文标题】：Create an app from responsive site that uses ajax calls that return both html and javascript - easiest way?

【发布时间】：2014-12-28 10:40:33

【问题描述】：

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

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

我认为由于 ajax 调用，转换代码（使用 phonegap）会非常困难。我最好有一个应用程序，它可以在某人的手机上安装一个图标，并且只在浏览器中打开我的网站（不显示该浏览器的任何内容）。

我的问题：为 android 和 ios 创建应用程序的最简单方法是什么？

【问题讨论】：

该应用将无法通过 Apples Appstore 的审核。 （见提交指南）

【参考方案1】：

网页浏览？如果您正在寻找一个只打开您的网页并且不显示其打开的 AOSP 浏览器或任何其他浏览器的应用程序，那么只需使用 webview。它会像您的应用程序中的任何其他活动一样打开，但内容（取决于您希望 web 视图有多大）将只是您的网站。我在我的 android 应用程序中做了一个非常相似的事情，这里是代码。

Java 类：

公开课网站扩展Activity

@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_
    android:layout_
    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