h5封装app跳转外部浏览器

H5封装App是现在很流行的开发方式，它能够带来很多便捷的功能，如本地推送、分享、支付等等。但是有时候，在App中无法满足用户的需求，需要跳转到外部浏览器来展示网页内容。本文将介绍这种需求的原理和实现方法。

首先，我们需要知道，App是一个封闭的环境，它的沙盒机制限制了它对其他应用的访问和操作。因此，我们需要使用系统提供的URL Scheme来跳转到外部浏览器。

URL Scheme是指一种用于应用程序之间相互调用的一种机制，可以理解为是一个协议，通过定义一些特定的URL地址，使得我们可以在应用程序中访问到其他应用程序提供的服务。比如，`mailto:`是用于发送邮件的URL Scheme，`tel:`是用于拨打电话的URL Scheme。

前往外部浏览器的URL Scheme是`http:`和`https:`，它们可以直接在浏览器地址栏中输入打开相应网页，则我们也可以通过调用这两个URL Scheme来实现在App中跳转到外部浏览器。

具体的实现方法如下：

```javascript

window.location.href = "http://www.example.com";

```

上面的代码使用了window对象的location属性，该属性返回当前页面的URL信息，并且可以修改浏览器地址栏的URL。通过将该属性设置为外部网页的URL，就可以跳转到该网页。由于http和https协议是默认支持的，因此我们不需要额外做什么处理，直接使用该代码即可实现跳转到外部浏览器。

在一些特殊情况下，我们可能需要在浏览器打开某些特定的App。这时候，我们可以使用该App提供的URL Scheme来跳转到它的对应页面。具体的实现方法如下：

```javascript

window.location.href = "weixin://";

```

上面的代码使用了微信提供的URL Scheme，该Scheme用于在App中打开微信应用。通过设置该属性为微信的URL Scheme，我们就可以打开微信应用，进一步实现各种功能。不同的应用程序有不同的URL Scheme，需要根据具体情况设置。

需要注意的是，由于URL Scheme是公共资源，任何人都可以使用，因此一些敏感的信息（例如账号密码等）不应该通过URL Scheme传递，避免被第三方恶意获取。

综上所述，通过使用URL Scheme，我们可以在App中实现跳转到外部浏览器的需求。对于一些特定的应用程序，我们还可以使用它提供的URL Scheme来实现更多的功能。这种方式简单易用，值得我们掌握和使用。