2024年最全android webview与js交互(动态添加js)，2024年最新Android程序员架构之路该如何继续学习

最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。

小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

7、拦截url请求后返回自己封装的数据（基于第6点，加载完成后，触发一些请求数据的url时拦截并自己封装数据返回给webview）

注：6、7点将在下一篇博客介绍

webview能做什么？此段引用vanezkw 感谢作者

1）、webView可以利用html做界面布局，虽然目前还比较少人这么使用，不过我相信当一些客户端需要复杂的图文（图文都是动态生成）混排的时候它肯定是个不错的选择。

2）、直接显示网页，这功能当然也是它最基本的功能。

3）、和js交互。（如果你的js基础比java基础好的话那么采用这种方式做一些复杂的处理是个不错的选择）

一、本地html与本地js交互（本地html引用本地js）

---

注:此例为本地html与本地js交互，如想在本地html添加js，将js.js代码复制到html对应标签内即可

首先在assets文件夹得有两个文件.html、.js

test.html

js中调用本地方法

function funFromjs(){

document.getElementById(“mydiv”).innerHTML=“获取id为mydiv的元素，并向其中添加文字！”;

myObj.fun1FromAndroid(“我的myObj回调”);

}

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“com.yanqy.yqy_jsexample.MainActivity”>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“UI触发webview中的js”

android:id=“@+id/mButton”

android:layout_alignParentTop=“true”

android:layout_centerHorizontal=“true” />

<WebView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/mWebView”

android:layout_below=“@+id/mButton”

android:layout_centerHorizontal=“true” />

MainActivity.xml

package com.yanqy.yqy_jsexample;

import android.content.Context;

import android.graphics.Color;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.webkit.JavascriptInterface;

import android.webkit.WebView;

import android.widget.Button;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

private WebView mWebView;

private Button mBtn;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mBtn = (Button) findViewById(R.id.mButton);

mWebView = (WebView) findViewById(R.id.mWebView);

//设置编码

mWebView.getSettings().setDefaultTextEncodingName(“utf-8”);

//支持js

mWebView.getSettings().setJavaScriptEnabled(true);

//设置背景颜色 透明

mWebView.setBackgroundColor(Color.argb(0, 0, 0, 0));

//设置本地调用对象及其接口

mWebView.addJavascriptInterface(new JavaScriptObject(this), “myObj”);

//载入网页

mWebView.loadUrl(“file:///android_asset/test.html”);

//点击调用js中方法

mBtn.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

mWebView.loadUrl(“javascript:funFromjs()”);

}

});

}

final class JavaScriptObject {

private Context mContxt;

public JavaScriptObject(Context mContxt) {

this.mContxt = mContxt;

}

@JavascriptInterface //sdk17版本以上加上注解

public void funFromAndroid(String name) {

//在此可以通过js返回数据name进行操作

Toast.makeText(mContxt, “调用funFromAndroid:” + name, Toast.LENGTH_LONG).show();

}

}

}

二、本地html动态添加js

---

同上首先在assets文件夹有.html、.js文件

test.xml   将标签与其内容删除

js中调用本地方法

function funFromjs(){

myObj.fun1FromAndroid(“第一个js回调”);

}

需要读取js并添加到webview中才能达到添加js的效果

读取js添加到String 类型中

//js文本

private String wholeJS = “”;

//获取js文本

InputStream mIs = null;

try {

mIs = getResources().getAssets().open(“js.js”);

if(mIs != null){

byte buff[] = new byte[1024];

ByteArrayOutputStream fromFile = new ByteArrayOutputStream();

FileOutputStream out = null;

do {

int numread = 0;

numread = mIs.read(buff);

if (numread <= 0) {

break;

}

fromFile.write(buff, 0, numread);

} while (true);

wholeJS = fromFile.toString();

}else{

Toast.makeText(MainActivity.this, “js加载失败”, Toast.LENGTH_SHORT).show();

}

} catch (IOException e) {

e.printStackTrace();

}

写在最后

本次我的分享也接近尾声了，感谢你们在百忙中花上一下午来这里聆听我的宣讲，希望在接下来的日子，我们共同成长，一起进步！！！

最后放上一个大概的Android学习方向及思路（详细的内容太多了~），提供给大家：

对于程序员来说，要学习的知识内容、技术有太多太多，这里就先放上一部分，其他的内容有机会在后面的文章向大家呈现出来，不过我自己所有的学习资料都整理成了一个文档，一直在不断学习，希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

Android架构师之路很漫长，一起共勉吧！

如果你觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！**

Android架构师之路很漫长，一起共勉吧！

如果你觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言，一定会认真查询，修正不足，谢谢。

[外链图片转存中…(img-bpUafJ7m-1715877280794)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！