Android WebView的使用方法总结

发布时间 - 2026-01-11 02:27:14    点击率:

 Android WebView的使用方法

  Android app打开H5页一般要实现如下需求:

1、打开指定url网页;
2、点击链接可以跳转到下一页,并更新标题;
3、按back键或左箭头可以返回上一页;
4、当webview显示的是第一级url时, 按返回键或左箭头关闭当前界面;
5、WebView如何传值给android, 例如使用H5登录成功后返回姓名、token等等字段。
6、支持JavaScript, 支持显示js对话框。
7、无网络时显示默认布局, 以提高用户体验。
8、避免WebView的内存泄漏。

不多说, 看下面代码如何实现上述功能。

参考布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:my="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/activity_main_bg"
  android:orientation="vertical">

  <com.eloancn.borrower.common.widget.TitleView
    android:id="@+id/titleView"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    my:titleText="H5" />

  <RelativeLayout
    android:id="@+id/rl_webViewContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--在代码中添加webView防止内存泄露隐患-->

    <LinearLayout
      android:id="@+id/neterror_tip"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center_horizontal"
      android:visibility="gone">

      <ImageView
        android:layout_marginTop="110dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/not_found" />

    </LinearLayout>

  </RelativeLayout>
</LinearLayout>

示例代码:

public class CommonWebViewActivity extends Activity { 
  private WebView mWebView; 
  private TitleView mTitleView; 
  private RelativeLayout mWebViewContainer; 
  private String title; 
  private String url; 
  private LinearLayout neterrorLayout; 
  private int mFlag;  //来源 
 
  public static final int FLAG_SIGNATURE = 1; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_common_webview_main); 
    initData(); 
    initView(); 
    setData(); 
  } 
 
  @Override 
  protected void onDestroy() { 
    super.onDestroy(); 
    mWebView.setWebViewClient(null); 
    mWebView.setWebChromeClient(null); 
    mWebViewContainer.removeView(mWebView); 
    mWebView.removeAllViews(); 
    mWebView.destroy(); 
  } 
 
  private void initData() { 
    url = getIntent().getStringExtra("url"); 
    title = getIntent().getStringExtra("title"); 
    mFlag = getIntent().getIntExtra("flag", 0); 
  } 
 
  private void initView() { 
    mTitleView = (TitleView) findViewById(R.id.titleView); 
    mWebViewContainer = (RelativeLayout) findViewById(R.id.rl_webViewContainer); 
    neterrorLayout = (LinearLayout) findViewById(R.id.neterror_tip); 
    mWebView = new WebView(getApplicationContext()); 
    LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams( 
        LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT); 
    mWebViewContainer.addView(mWebView, layoutParams); 
 
    WebSettings webSettings = mWebView.getSettings(); 
    //设置WebView属性,能够执行Javascript脚本 
    webSettings.setJavaScriptEnabled(true); 
    //设置可以访问文件 
    webSettings.setAllowFileAccess(true); 
    //设置支持缩放 
    webSettings.setBuiltInZoomControls(false); 
    //允许js弹出窗口 
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true); 
 
    mTitleView.setLeftBtnClickListener(new TitleView.OnBtnClickListener() { 
      @Override 
      public void onClick(View v) { 
        if (mWebView.canGoBack()) { 
          mWebView.goBack(); 
        } else { 
          finish(); 
        } 
      } 
    }); 
  } 
 
  @Override 
  public boolean onKeyDown(int keyCode, KeyEvent event) { 
    if (keyCode == KeyEvent.KEYCODE_BACK) { 
      if (mWebView.canGoBack()) { 
        mWebView.goBack(); 
        return true; 
      } 
    } 
    return super.onKeyDown(keyCode, event); 
  } 
 
  private void setData() { 
    mTitleView.setTitle(title); 
    mWebView.loadUrl(url); 
 
    mWebView.setWebChromeClient(new WebChromeClient(){ 
      @Override 
      public boolean onJsAlert(WebView view, String url, final String message, final JsResult result) { 
        //注意,WebView默认不会显示JavaScript的Alert,需要Android实现。 
        runOnUiThread(new Runnable() { 
          @Override 
          public void run() { 
            //自定义美观的Dialog,仅仅是为了显示message 
            CustomDialog.Builder builder = new CustomDialog.Builder(CommonWebViewActivity.this); 
            builder.setTitle("提示"); 
            builder.setMessage(message); 
            builder.setSingle("知道了", new DialogInterface.OnClickListener() { 
              @Override 
              public void onClick(DialogInterface dialogInterface, int i) { 
                dialogInterface.dismiss(); 
              } 
            }); 
            builder.create().show(); 
          } 
        }); 
        result.confirm();//这里必须调用,否则页面会阻塞造成假死 
        return true; 
      } 
 
      @Override 
      public void onReceivedTitle(final WebView view, final String title) { 
        super.onReceivedTitle(view, title); 
        if (FLAG_SIGNATURE == mFlag) { 
          runOnUiThread(new Runnable() { 
            @Override 
            public void run() { 
              mTitleView.setTitle(title); 
            } 
          }); 
        } 
      } 
    }); 
    mWebView.setWebViewClient(new WebViewClient() { 
      @Override 
      public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) { 
        if (FLAG_SIGNATURE == mFlag) { 
          Log.d("brycegao", "shouldInterceptRequest url:" + request.getUrl().toString()); 
          if (request.getUrl().toString().contains("wxd://getImage?tenderid=")) { 
            //可以通过url传值给Android, 即在url里放置想要的参数 
            runOnUiThread(new Runnable() { 
              @Override 
              public void run() { 
                setResult(RESULT_OK); 
                finish(); 
              } 
            }); 
          } 
 
        } 
        return super.shouldInterceptRequest(view, request); 
      } 
 
      @Override 
      public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) { 
        mWebView.loadUrl(url); 
        return true; 
      } 
 
      @Override 
      public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { 
        super.onReceivedError(view, request, error); 
 
        if (FLAG_SIGNATURE == mFlag 
            && request.getUrl().toString().contains("wxd://getImage?tenderid=")) { 
          //do nothing 
          mWebView.setVisibility(View.GONE); //优化体验,避免显示错误信息 
        } else { 
          //加载失败 
          neterrorLayout.setVisibility(View.VISIBLE); 
          mWebView.setVisibility(View.GONE); 
        } 
      } 
    }); 
 
    neterrorLayout.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 
        mWebView.setVisibility(View.VISIBLE); 
        neterrorLayout.setVisibility(View.GONE); 
        mWebView.loadUrl(url); 
      } 
    }); 
  } 
} 


以上就是Android Webview的使用方法详解,大家如果有疑问可以留言讨论,或者到本站社区交流,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# Android  # WebView  # WebView的使用方法详解  # Android webview 内存泄露的解决方法  # Android 解决WebView无法上传文件的问题  # Android实现webview实例代码  # Android WebView 不支持 H5 input type="file" 解决方法  # 详解Android Webview加载网页时发送HTTP头信息  # Android 5.1 WebView内存泄漏问题及快速解决方法  # Android中WebView实现点击超链接启动QQ的方法  # Android如何让WebView中的HTML5页面实现视频全屏播放  # 的是  # 下一页  # 上一页  # 可以通过  # 希望能  # 自定义  # 谢谢大家  # 多说  # 错误信息  # 对话框  # 即在  # 如何实现  # 跳转到  # 弹出窗口  # 是为了  # 知道了  # 加载  # 有疑问  # dp  # titleText 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  Laravel如何生成URL和重定向?(路由助手函数)  Angular 表单中正确绑定输入值以确保提交与验证正常工作  Laravel怎么判断请求类型_Laravel Request isMethod用法  Laravel的契約(Contracts)是什么_深入理解Laravel Contracts与依赖倒置  如何快速搭建FTP站点实现文件共享?  教学论文网站制作软件有哪些,写论文用什么软件 ?  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  如何续费美橙建站之星域名及服务?  如何在橙子建站上传落地页?操作指南详解  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  如何快速生成可下载的建站源码工具?  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel distinct去重查询_Laravel Eloquent去重方法  重庆市网站制作公司,重庆招聘网站哪个好?  如何批量查询域名的建站时间记录?  如何为不同团队 ID 动态生成多个独立按钮  手机软键盘弹出时影响布局的解决方法  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  如何在宝塔面板中修改默认建站目录?  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  魔方云NAT建站如何实现端口转发?  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  Laravel如何使用查询构建器?(Query Builder高级用法)  昵图网官方站入口 昵图网素材图库官网入口  网站制作大概多少钱一个,做一个平台网站大概多少钱?  Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)  Laravel如何保护应用免受CSRF攻击?(原理和示例)  中山网站推广排名,中山信息港登录入口?  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  HTML 中动态设置元素 name 属性的正确语法详解  Windows Hello人脸识别突然无法使用  Laravel如何集成Inertia.js与Vue/React?(安装配置)  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  如何选择PHP开源工具快速搭建网站?  EditPlus中的正则表达式 实战(1)  Android中AutoCompleteTextView自动提示  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  电商网站制作价格怎么算,网上拍卖流程以及规则?  如何用PHP工具快速搭建高效网站?  香港服务器WordPress建站指南:SEO优化与高效部署策略  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  Laravel如何实现事件和监听器?(Event & Listener实战)