如果在外部浏览器打开 H5 链接怎么自动跳转到微信里面打开
时间: 2023-11-06 16:04:13 浏览: 67
要在外部浏览器打开 H5 链接并自动跳转到微信里面打开,可以使用如下代码:
```javascript
function openInWechat(href) {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
// 如果在微信浏览器中打开,则直接跳转到链接
window.location.href = href;
} else {
// 如果在外部浏览器中打开,则使用如下代码跳转
var currentUrl = window.location.href;
var newUrl = 'weixin://webview/loadurl?url=' + encodeURIComponent(href) + '&referer=' + encodeURIComponent(currentUrl);
window.location.href = newUrl;
}
}
```
其中,`href` 参数为要跳转的 H5 链接。这段代码的作用是,当用户在微信浏览器中打开该链接时,直接跳转到该链接;而当用户在外部浏览器中打开该链接时,会自动跳转到使用微信浏览器打开该链接的页面。注意,这段代码需要放在外部浏览器的 HTML 文件中,并且需要在 HTML 文件的 `<head>` 标签中添加如下代码:
```html
<meta name="referrer" content="never">
```
这段代码的作用是,不在请求头中携带 `Referer` 信息,以避免微信浏览器无法正常跳转。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)