在uniapp中实现 单击按钮跳转至小程序内置空页面/外部链接

记录一次业务需求,单击实现打开问卷

1. 给btn注册单击事件

// 鼠标单击事件
		methods: {
			companyBtnNavigation() {
                // 第一次的尝试,报error: plus is not defined
				// window.plus.runtime.openURL("https://需要跳转到的链接地址")
				uni.navigateTo({
					url: "/pages/company/companyInfo",
				})
			},
 
		}

2. 需要跳转的页面

   新建的含webView的页面必须在pages.json的pages里注册

<template>
	<web-view src="https://需要跳转到的链接地址"></web-view>
</template>

1. 关于web-view是什么？

   • webView是Google 官方为开发者提供的一个浏览器控件，我们开发者可以集成到App中，web-view可以实现移动端嵌入web的技术，其实现的本质是内置了一款webkit内核的，展现web页面的控件.
   • 在手机端如果没有webview的支持，是无法展示也页面的,webview用于解析dom元素，展示html页面。和浏览器展示页面的原理是相同的。

2. 使用场景：在手机系统中加载html文件时被需要，比如你自己写个APP，想要访问网络（如百度页面），可以不使用手机自带的浏览器，只需APP内部展示百度页面，这时候就可以用webView。

3. 优点：

   • 原生app开发：需要将业务代码打包供用户下载和安装，如果页面布局和业务逻辑变更时，需要修改前端内容，升级打包，重新发布才可以使用最新的。
   • webview: 直接通过html来展示页面，如果页面布局和业务逻辑变更时，只需要修改html代码或者js文件（如果是从服务器端获取，只要新的文件部署完成），用户重新刷新就可以使用更新后的，无需通过下载安装的方式完成升级。

4. 那都是在手机端实现html页面, webview与手机浏览器的区别？

   • webview:是Google 官方为开发者提供的一个浏览器控件，我们开发者可以集成到App中，
   • 手机的浏览器app：处于版权问题（？，他们集成的都是经过自己深度定制了的类似webView这么个东西，不过国内的几大浏览器厂商也都是基于webkit引擎的

   总结: 都是基于webbkit引擎开发的，出于不同场景下的webview控件