uniapp 获取webview的网页标题
时间: 2023-09-10 19:06:21 浏览: 481
uniapp 使用webView通讯
可以使用uni-app的原生API,通过调用webview组件的方法来获取网页的标题。
1. 在uni-app页面中,引入webview组件,并设置其id属性:
```html
<template>
<view>
<web-view id="webView" src="https://www.baidu.com"></web-view>
</view>
</template>
```
2. 在页面的js文件中,使用uni-app的原生API获取webview组件,并调用其方法获取网页的标题:
```javascript
export default {
mounted() {
const webview = uni.createWebviewContext('webView', this);
webview.onMessage(data => {
console.log('received message: ' + data);
});
webview.getTitle({
success: function(res) {
console.log('webview title: ' + res.title);
}
});
}
}
```
其中,uni.createWebviewContext()方法用于获取webview组件的上下文,this表示当前页面上下文;webview.onMessage()方法用于监听webview组件发送的消息;webview.getTitle()方法用于获取网页的标题,success回调函数中的res参数包含了网页的标题信息。
阅读全文