autojs正经的交互-安卓与webview

最新推荐文章于 2025-11-12 09:11:43 发布

原创最新推荐文章于 2025-11-12 09:11:43 发布 · 3.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#autojs #webview #交互

autojs 专栏收录该内容

193 篇文章

订阅专栏

部署运行你感兴趣的模型镜像

牙叔教程简单易懂

效果展示

在这里插入图片描述

缘起

我一直觉得现在的autojs和webview交互不正经,

监听弹框
监听console日志
监听网页title
监听url

尤其是监听弹框, 直接dismiss, 那那些需要弹框的网页怎么办?

环境

Autojs版本: 9.0.4

Android版本: 8.0.0

思路

autojs作为发出命令方, webview作为执行命令方, 使用方法: webView.evaluateJavascript
webview作为发出命令方, autojs作为执行命令方, 使用方法: webView.addJavascriptInterface

你将学到以下知识点

获取随机颜色
改变网页背景色
改变按钮背景色
evaluateJavascript的回调函数
addJavascriptInterface的回调函数
@JavascriptInterface注解的使用
java类的内部interface

代码讲解

1. 创建类JSInterface, 然后打包成dex给autojs调用

package com.yashu.simple;

import android.webkit.JavascriptInterface;

public class JSInterface {
    private JSCallback jsCallback;

    public JSInterface setJsCallback(JSCallback jsCallback) {
        this.jsCallback = jsCallback;
        return this;
    }


    @JavascriptInterface
    public void share(String callback) {
        if (jsCallback != null) {
            jsCallback.jsShare(callback);
        }
    }


    public interface JSCallback {
        void jsShare(String callback);
    }
}

2. 网页

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script language="javascript">
      function onButtonClick() {
        function randomHexColor() {
          //随机生成十六进制颜色
          return "#" + ("00000" + ((Math.random() * 0x1000000) << 0).toString(16)).substr(-6);
        }
        let color = randomHexColor();
        jsInterface.share(color);
      }
    </script>
  </head>

  <body>
    <img
      id="image"
      width="328"
      height="185"
      src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
    />
    <button type="button" style="width: 328px; height: 185px; font-size: 40px" onclick="onButtonClick()">
      改变安卓按钮颜色
    </button>
  </body>
</html>

3. 加载dex并导入类JSInterface

let dexPath = files.path("./classes2.dex");
runtime.loadDex(dexPath);
importClass(android.webkit.JavascriptInterface);
importClass(android.webkit.WebViewClient);
importClass(android.webkit.ValueCallback);
importClass(android.webkit.WebChromeClient);
importClass(com.yashu.simple.JSInterface);

4. UI界面

ui.layout(
  <vertical>
    <text text="牙叔教程 简单易懂" textSize="28sp" textColor="#fbfbfe" bg="#00afff" w="*" gravity="center"></text>
    <webview id="webview" />
    <button id="button" text="改变网页body颜色" />
  </vertical>
);

5. 设置webview属性

let webView = ui.findById("webview");
webView.getSettings().setJavaScriptEnabled(true);

6. 设置按钮点击事件

// 发出命令方: Android
// 执行命令方: Html
// Html返回值: body背景色
ui.button.click(function () {
  function test() {
    function randomHexColor() {
      //随机生成十六进制颜色
      return "#" + ("00000" + ((Math.random() * 0x1000000) << 0).toString(16)).substr(-6);
    }
    document.body.bgColor = randomHexColor();
    return "牙叔教程, " + document.body.bgColor;
  }
  let js = test.toString() + ";test();";
  let valueCallback = new ValueCallback({
    onReceiveValue: function (value) {
      toastLog("网页返回值: " + value);
    },
  });
  webView.evaluateJavascript(js, valueCallback);
});

7.网页日志日志打印到控制台, 方便查看错误

webView.setWebChromeClient(
  new JavaAdapter(WebChromeClient, {
    onConsoleMessage: function (message) {
      message.message && log("h5: " + message.message());
    },
  })
);

8. JSInterface的使用方法

// 重点, 这里给html注册了一个全局对象: jsInterface
webView.addJavascriptInterface(new JSInterface().setJsCallback(new JSCallback()), "jsInterface");

9. 加载网页

html = files.path("./index.html");
webView.loadUrl("file://" + html);

名人名言

思路是最重要的, 其他的百度, bing, stackoverflow, 安卓文档, autojs文档, 最后才是群里问问
— 牙叔教程

声明

部分内容来自网络
本教程仅用于学习, 禁止用于其他用途

bilibili

牙叔教程

微信公众号牙叔教程

在这里插入图片描述

QQ群

747748653
在这里插入图片描述

完整源码

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成