基于uniapp能不能适配网站开发以及PC端的开发~~~

最新推荐文章于 2025-03-28 09:29:52 发布

日落也会逃跑~

最新推荐文章于 2025-03-28 09:29:52 发布

阅读量6.6k

点赞数 3

文章标签：微信小程序小程序 vue.js

原文链接：https://blog.csdn.net/iVRJay/article/details/103204322?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-3-103204322.pc_agg_new_rank&utm_term=%E7%BD%91%E7%AB%99%E5%8F%AF%E4%BB%A5%E7%94%A8uniapp%

版权

本文探讨了uni-app在小程序和移动端的广泛应用后，是否可能引领网站开发潮流。大神们分享了如何利用uni-app实现场景适配，并提及在PC端开发中的优化技巧。讨论了uni-app在iPad和iPad Pro上的适用性，以及在main.js中正确引入JS的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

探讨：

基于uni-app的兴起，大部分分成好多的微信小程序、抖音小程序、快手、百度等等~

对于在uniapp里面，已经对H5和PC端的兴起。用uni-app来开发网站是不是指日可待了呢？

uni-app的适配指南：

uni-app官网

对于一些Vue的大神和uni-app的大神，在看官网的时候已经提出对一些网站的开发以及的PC端开发。

pc.js修改成下面这样， PC端样式就可以实现1upx = 1rpx = 1px；这样非常方便的1:1还原设计图了，当然如果你的设计图不是1920，比如是1366，那下面就改成这样window.innerWidth = 750*(w / 1366)

(function (){
	var u = navigator.userAgent,
		w = window.innerWidth;
	if (!u.match(/AppleWebKit.*Mobile.*/) || u.indexOf('iPad') > -1) {
		window.innerWidth = 750*(w / 1920);
		window.onload = function() {
			window.innerWidth = w;
		}
	}
})();

在以上的就是文件里面，来看这是大神对一些uni-app的了解并且在时代的更新技术栈的问题，如果在使用iPad iPad Pro 两个终端来看，还是有必要做一些更改的，在main.js里面引入js，一定要在引入vue的实例前引入不然会无效的。