<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script language="javascript">
var ctuapp_share_img = "www.baidu.com";
// 前端点击/默认调用获取登录信息方法名称
function clickLoginBtn() {
window.webkit.messageHandlers.getUserInfo.postMessage(null);
}
// IOS传递获取登录信息方法名称
function getUserInfo(message) {
asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 前端点击/默认调用获取定位方法名称
function clickLocationBtn() {
window.webkit.messageHandlers.getLocationInfo.postMessage(null);
}
// IOS传递获取定位方法名称
function getLocationInfo(message) {
asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 扫一扫
function clickScanBtn() {
window.webkit.messageHandlers.getScanInfo.postMessage(null);
}
function getScanInfo(message) {
asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 拍照
function clickTakePhotoBtn() {
window.webkit.messageHandlers.getPhotoInfo.postMessage(null);
}
function getPhotoInfo(message) {
asyncAlert(message);
var zsz=document.getElementById('zsz');
zsz.innerHTML="<image style='width:200px;height:200px;' src='data:image/png;base64,"+message+"'>";
//document.getElementById("returnValue").value = message;
}
// 选图
function clickChoosePhotoBtn() {
window.webkit.messageHandlers.getPictureInfo.postMessage(null);
}
function getPictureInfo(message) {
asyncAlert(message);
var zsz=document.getElementById('zsz');
zsz.innerHTML="<image style='width:200px;height:200px;' src='data:image/png;base64,"+message+"'>";
}
// 扫一扫
function clickUploadFileBtn() {
window.webkit.messageHandlers.getFileInfo.postMessage(null);
}
function getFileInfo(message) {
asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 手机角度
function clickRotateBtn() {
window.webkit.messageHandlers.getGetrotateInfo.postMessage(null);
}
// IOS传递获取手机角度方法名称
function getGetrotateInfo(message) {
//asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 停止手机角度
function clickStopRotateBtn() {
window.webkit.messageHandlers.stopGetGetrotateInfo.postMessage(null);
}
// IOS传递获取手机角度方法名称
function stopGetGetrotateInfo(message) {
asyncAlert(message);
document.getElementById("returnValue").value = message;
}
// 浏览pdf文件
function clickBrowsePdfBtn() {
let dic = {
"browsePdf" :"https://www.tutorialspoint.com/ios/ios_tutorial.pdf"
};
window.webkit.messageHandlers.browsePdf.postMessage(dic);
}
// 返回登录
function clickBackLoginBtn() {
window.webkit.messageHandlers.goBackLogin.postMessage(null);
}
// 通用方法方便alert出结果
function asyncAlert(content) {
setTimeout(function () {
alert(content);
}, 1);
}
// 备注 这四个方法是我和安卓对接后,主动在多个页面有调用的方法
// 其他方法 预览pdf文件 点击拍照调用的原生弹框样式
</script>
</head>
<body>
<h1>这是按钮调用</h1>
<input type="button" value="获取登录信息" onclick="clickLoginBtn()" />
<input type="button" value="获取定位经纬度和地址名" onclick="clickLocationBtn()" />
<input type="button" value="获取角度" onclick="clickRotateBtn()" />
<input type="button" value="停止获取角度" onclick="clickStopRotateBtn()" />
<input type="button" value="跳回到原生登录页面" onclick="clickBackLoginBtn()" />
<input type="button" value="扫一扫" onclick="clickScanBtn()" />
<input type="button" value="拍照" onclick="clickTakePhotoBtn()" />
<input type="button" value="选图" onclick="clickChoosePhotoBtn()" />
<input type="button" value="上传文件" onclick="clickUploadFileBtn()" />
<input type="button" value="浏览pdf" onclick="clickBrowsePdfBtn()" />
<div id='zsz'></div>
<h1>这是回调结果展示区</h1>
<textarea id="returnValue" type="value" rows="5" cols="40">
</textarea>
<h4>竖直方向的表头：</h4>
<table border="1" style="width:90%;height:600px">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th>电话</th>
<td>555 77 854</td>
</tr>
<tr>
<th>传真</th>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>
