autojs-webView 项目教程

autojs-webView 项目教程

1. 项目目录结构及介绍

autojs-webView
├── LICENSE
├── README.md
├── expand --------------------------------------> webView扩展功能目录
│   ├── core ------------------------------------> webView扩展核心目录
│   │   ├── jsBridge.ts -------------------------> jsBridge实现
│   │   ├── vConsole.ts -------------------------> vConsole实现
│   │   ├── vconsole.min.ts ---------------------> vConsole压缩文件
│   │   └── webViewExpand.js --------------------> webView扩展API
│   ├── handler ---------------------------------> 处理程序目录
│   │   ├── bridgeHandler.js --------------------> autoJs提供给网页调用的方法
│   │   └── webErrorHandler.js ------------------> 错误处理程序
│   └── inject ----------------------------------> 页面注入JavaScript脚本文件
│       └── demo.ts -----------------------------> 页面注入JavaScript脚本例子
├── main.js -------------------------------------> 项目启动文件
└── project.json --------------------------------> 项目配置文件

目录结构说明

• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• expand: webView扩展功能目录，包含核心功能、处理程序和注入脚本。
  • core: webView扩展核心目录，包含jsBridge、vConsole等实现。
  • handler: 处理程序目录，包含autoJs提供给网页调用的方法和错误处理程序。
  • inject: 页面注入JavaScript脚本文件，包含注入脚本的例子。
• main.js: 项目启动文件。
• project.json: 项目配置文件。

2. 项目启动文件介绍

main.js

main.js 是项目的启动文件，负责初始化webView并加载页面。以下是文件的主要内容和功能：

// 初始化webView扩展
webViewExpand.init(ui.webView, ["expand/inject/demo.ts"], true);

// 加载页面
ui.webView.loadUrl("https://cn.bing.com/");

// 等待页面加载完，或是在init方法中注入JavaScript脚本文件触发执行
setTimeout(() => {
    webViewExpand.callJavaScript(ui.webView, js);
}, 2000);

功能说明

• 初始化webView扩展: 使用 webViewExpand.init 方法初始化webView扩展，注入自定义JavaScript脚本，并支持VConsole。
• 加载页面: 使用 ui.webView.loadUrl 方法加载指定URL的页面。
• 执行JavaScript代码: 使用 webViewExpand.callJavaScript 方法在网页中执行JavaScript代码。

3. 项目配置文件介绍

project.json

project.json 是项目的配置文件，用于定义项目的基本信息和配置项。以下是文件的主要内容和功能：

{
    "name": "autojs-webView",
    "version": "1.0.0",
    "description": "autojs的webView实现，支持初始化脚本注入、jsBridge两端互调",
    "main": "main.js",
    "scripts": {
        "start": "node main.js"
    },
    "author": "710850609",
    "license": "Apache-2.0"
}

配置项说明

• name: 项目名称。
• version: 项目版本号。
• description: 项目描述。
• main: 项目启动文件路径。
• scripts: 项目脚本命令，如启动命令 start。
• author: 项目作者。
• license: 项目许可证。

通过以上内容，您可以了解 autojs-webView 项目的目录结构、启动文件和配置文件的基本信息和功能。