app web 互调js 的web源码

最新推荐文章于 2023-02-19 11:34:38 发布

享哥。

最新推荐文章于 2023-02-19 11:34:38 发布

阅读量3.1k

点赞数

分类专栏：笔记 android 文章标签： android html5

本文链接：https://blog.youkuaiyun.com/u014035162/article/details/123759912

版权

android 同时被 2 个专栏收录

29 篇文章

订阅专栏

笔记

3 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="button" type="button" name="button">点击</button>
<div id="message"></div>
<div>
<span>尝试捕获错误信息：</span>
<span id="errorMessage"></span>
</div>

<script type="text/javascript">
document.getElementById('message').innerHTML = '<span>测试 APP webview 里能否执行 JS</span>';
</script>

<script type="text/template" id="template">
<div>
<span>站点：</span>
<span>{{ site }}</span>
</div>
<div>
<span>点击次数：</span>
<span>{{ count }}</span>
</div>
<div>
<span>方法名：</span>
<span>{{ methodName }}</span>
</div>
<div>
<span>方法类型：</span>
<span>{{ methodType }}</span>
</div>
<div>
<span>传入的参数：</span>
<span>{{ params }}</span>
</div>
</script>
<script type="text/javascript">
// window.onload = function () {
let count = 0;
const buttonDom = document.getElementById('button');
const messageDom = document.getElementById('message');
const templateDom = document.getElementById('template');
const errorMessageDom = document.getElementById('errorMessage');

function method (params) {
window.nativeMethod.financeMessageHandlers(params);
}
const methodName = 'window.nativeMethod.financeMessageHandlers';

button.onclick = () => {
// 自增点击次数
count++;
// 模板内容
const template = templateDom.innerText;
// 调用方法传入的参数
const params = {
type: 'NEW_PAGE',
url: '/next-page',
data: { isUSDT: 1 }
};
// 要写入的对象数据
const data = {
// 先写死安卓
site: 'android',
count,
methodName,
methodType: typeof method,
params: JSON.stringify(params)
};

const nextTemplate = Object.keys(data).reduce((acc, cur) => {
return acc.replace(new RegExp(`{{\\s*${cur}\\s*}}`, 'gm'), data[cur]);
}, template);
console.log('nextTemplate: ', nextTemplate)
messageDom.innerHTML = nextTemplate;
try {
method(JSON.stringify(params));
} catch (e) {
errorMessageDom.innerHTML = e.toString();
}
}
// }
</script>
</body>
</html>