微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始，我们就可以在小程序内放置一个组件来链接我们的HTML页面了。在这之前，我们在小程序中没有办法整合我们已有的HTML程序(比如HTML5文章系统，商城系统等)，只能使用小程序的方式重新开发一套，现在有了就可以方便的集成这些网页系统，为我们减少了可观的工作量。下面小编和大家一起看一下具体如何使用。
设置权限
要在小程序中访问外部网页，需要先设置允许访问的业务网站的域名。让我们先登录小程序平台管理后台页面，进入“设置” => "开发设置"，可以看到这边多出来了一块“业务域名”的设置区域：
点击“开始配置”按钮，弹出一个窗口，我们可以在这个窗口中添加一个或多个你要在小程序中访问的域名。当然，不是所有的域名下的网页你的小程序都可以访问，只有那些你可以“掌控”的网站，你才可以访问!你需要在这个窗口里下载“校验文件”，并把这个校验文件上传到你的网站的根目录，供小程序平台进行验证，验证通过了才能成功添加域名。
使用web-view组件显示HTML页面
组件的使用就比较简单了，类似HTML里面的标签：</p> <p> <web-view src="https://www.xxxxxxxxx.com/index.html" /></p> <p> 就这样，HTML页面就可以在小程序中显示了。</p> <p> 但是，和可以嵌入到页面的任意部分不同的是，小程序的这个<web-view>总是自动铺满整个页面，且每个页面只能有一个<web-view>，它会覆盖其他组件。也就是说，没有办法实现小程序界面组件和<web-view>页面混排的情况，这点要注意。</p> <p> 在内嵌的HTML页面中跳转回小程序</p> <p> 如果要在已经通过<web-view>嵌入小程序的网页中，跳转到小程序中的其他页面(Page)，可以引入微信的一个JSSDK，使用它提供的方法来实现相关跳转功能。网页代码类似如下所示：</p> <p> <!-- html代码中引入JS SDK --></p> <p> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></p> <p> </script></p> <p> <script></p> <p> // 跳转到小程序的一个页面</p> <p> wx.miniProgram.navigateTo({url: '/path/to/page'})</p> <p> </script>(不过很遗憾，还是没有办法从一个网页中跳转到一个指定的小程序。哈哈，我也就瞎想想~~)</p> <p> 总结</p> <p> 这一内嵌网页的功能，也算顺应了广大开发者的要求，解决了很大一部分开发者的痛点。在混合开发方面的增强，为小程序的功能开发提供了不少灵活性和便利性。</p>