H5页面嵌入其他网页页面怎么做?

通过在H5页面插入其他页面,能在当前页面的指定区域显示其他页面的内容,那么要如何实现这个效果呢?


H5页面嵌入其他页面


微助快搭平台提供了丰富的H5页面制作工具,利用页面制作工具,可以轻松在H5页面里嵌入其他页面,下面让我们一块看看具体的方法。

第一步:创建页面

在快搭平台注册,登录后台,在左侧菜单栏选择【页面管理】,添加页面。填写页面的名称,设置页面的分享的标题和描述,保存后完成页面添加。

第二步:页面嵌入其他页面

选择创建好的页面,点击【装修】,进入装修界面。在装修页面左侧的工具里,选择【嵌入网页】组件,添加组件到页面,选择后再右侧的组件属性栏里,填写网页的地址,主要嵌入的网页地址需要HTTPS开头,否则将无法正确显示。如图:


页面嵌入其他页面设置

添加后,在当前的页面里将自动显示嵌入的页面内容,通过上下拖动嵌入区域的底部,来调整嵌入嵌入网页的显示区域高度。

在右侧组件的属性栏,选择样式设置,设置左右外边距,来调整嵌入页面显示区域的左右边距,如图


显示区域设置


最后根据页面需要,可以添加其他组件,保存后,完成页面制作。

选择制作好的页面,点击预览,系统弹出页面的链接和二维码,使用微信打开链接或者二维码,查看具体的效果。


页面链接


页面嵌入其他页面效果图:


效果图