How to close webview in uniapp

When developing using uniapp, it is often necessary to use webview in the application to load external web pages or display other content. However, sometimes we do not need to keep the webview open all the time, but need to close it manually. So, this article will introduce how to close webview in uniapp.

1. Close the current page

In uniapp, we can use the following method to close the page where the current webview is located:

uni.navigateBack({
    delta: 1
});

This method will return to the previous page, That is, close the current page.

2. Close other pages

Sometimes, we need to close all open pages or all pages except the current page. At this time, we can use the following method to achieve:

1. Close all pages except the current webview:

uni.redirectTo({
    url: '新页面的地址'
});

Use this method to close the current page and open a new one page to achieve the effect of closing other pages.

2. Close all pages:

uni.reLaunch({
    url: '首页地址'
});

Use this method to jump directly to the homepage of the application and close all pages.

3. Close the sub-webview

In uniapp, we can use the cross-end API that comes with uni-app to open the sub-webview. For closing the sub-webview, we can use the following method:

1. Get the object of the sub-webview:

const childWebview = plus.webview.getWebviewById('子webview的id');

Among them, you need to pass in the id of the sub-webview to get the sub-webview The object of webview.

2. Close the child webview:

childWebview.close();

Use this method to close the specified child webview.

To sum up, we can use the above method to close the webview opened in uniapp. Thank you for reading, I hope this article is helpful!

The above is the detailed content of How to close webview in uniapp. For more information, please follow other related articles on the PHP Chinese website!