当前位置：首页 > news >正文

安卓webview，网页端生成安卓项目（极速生成）教程

news 2025/8/10 9:28:35

安卓webview，网页端生成安卓项目（极速生成）教程

一，前言

当自己做了一个PC端的页面，也就是前端的页面，或者已经上服的页面，但也想生成一个安卓端供用户使用，本教程详细讲解如何把前端html页面或者链接生成安卓端项目。

本教程仅限至于已经上服务器的项目（若项目没有上服，看文末提供上服）。

二，步骤（代码中已有详细的注释）

1.创建一个空安卓项目

2.修改MainActivity.java文件

注意修改webView.loadUrl(“http:自己的项目地址”);中的地址

package com.example.myapplication;import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;public class MainActivity extends Activity {private WebView webView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);init();}private void init() {// 从布局文件中获取 WebView 控件webView = (WebView) findViewById(R.id.webView);// 获取 WebView 的 WebSettings（Web 设置）对象WebSettings ws = webView.getSettings();// 设置布局算法为 NORMAL，会引起 WebView 的重新布局ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);// 自动加载图片资源ws.setLoadsImagesAutomatically(true);// 允许 JavaScript 打开新的窗口ws.setJavaScriptCanOpenWindowsAutomatically(true);// 允许执行 JavaScript 脚本ws.setJavaScriptEnabled(true);// 支持 HTML 的 "viewport" 标签或者使用 wide viewportws.setUseWideViewPort(true);// 缩小内容以适应屏幕宽度ws.setLoadWithOverviewMode(true);// 启用定位功能ws.setGeolocationEnabled(true);// 启用应用缓存ws.setAppCacheEnabled(true);// 启用 DOM 存储 APIws.setDomStorageEnabled(true);// 请求焦点，用于处理用户输入事件webView.requestFocus();// 检查是否可以前进或后退到不同的页面webView.canGoForward();webView.canGoBack();// 加载指定的 URLwebView.loadUrl("http:自己的项目地址");// 覆盖 WebView 默认行为，使网页在 WebView 中打开webView.setWebViewClient(new WebViewClient() {@Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {// 返回值为 true 时在 WebView 中打开链接，为 false 调用系统浏览器或其他浏览器view.loadUrl(url);return true;}});}
}

这段代码实现了以下功能：

在布局中找到 WebView 控件并获取它的 WebSettings（Web 设置）。
配置 WebView 的各种属性，例如允许 JavaScript 执行、自动加载图片、设置布局算法、启用缓存等。
请求焦点，以便 WebView 可以处理用户输入事件。
检查 WebView 是否可以前进或后退到不同的页面。
使用 loadUrl 方法加载指定的 URL。
通过设置 WebViewClient 覆盖默认行为，使得所有链接都在 WebView 中打开。

这段代码的主要目的是在 Android 应用中创建一个内置浏览器，以显示指定 URL 的网页内容。

3.修改activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" ><WebViewandroid:id="@+id/webView"android:layout_below="@+id/text_endLoading"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_marginTop="10dp" />
</LinearLayout>

4.修改AndroidManifest.xml文件

注意：我这里的android:icon="@drawable/logo"用的是自己的，需要修改app的logo地址

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"package="com.example.test"><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/><uses-permission android:name="android.permission.INTERNET"/><applicationandroid:allowBackup="true"android:dataExtractionRules="@xml/data_extraction_rules"android:fullBackupContent="@xml/backup_rules"android:icon="@drawable/logo"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:usesCleartextTraffic="true"tools:targetApi="31"><activityandroid:name="com.example.myapplication.MainActivity"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>