微信小程序Skyline在手机端不渲染的问题之一及其解决方式

最新推荐文章于 2024-05-11 10:02:24 发布
最新推荐文章于 2024-05-11 10:02:24 发布
阅读量1.4k 收藏 8
点赞数 8
文章标签： 微信小程序 小程序 skyline
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47588909/article/details/135901917
版权

问题：电脑端是skyline渲染，手机端是webview渲染?如何解?

开发者工具 当前渲染模式：Skyline
在这里插入图片描述
当进行预览时手机端却是:
在这里插入图片描述
请注意看轮播图的显示情况
请注意看轮播图的显示情况
请注意看轮播图的显示情况

从轮播图上来看,手机端是webview渲染的!!!

解决方法:

1、点击预览的小程序右上角三个点；
2、弹出的最下面的一行选择的最后有一个开发调试；
在这里插入图片描述

3、点击开发调试
在这里插入图片描述
在这里插入图片描述
以上的模式即可调试！至此问题已解决！
2024.01.28

灰鸽私塾
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
2023微信头像生成小程序源码/基于skyline+vue3+t
05-27
微信头像生成小程序，基于skyline+vue3+t该项目已适配微信小程序隐私政策，截图、获取头像等诸多新的接口 如何使用： 将代码导入到HBuilderX开发工具，可无需修改任何代码，运行并编译到微信开发者工具 skyline需要使用微信开发工具nightly最新版，基础库选择3.0.1以上 在微信开发者工具修改 AppID为自己在小程序平台申请的 AppID 预览时取消勾选开发者工具详情里的【不校验合法域名】 发布时请先在小程序后台开发者设置里添加信任的域名：https://pic.rmb.bdstatic.com 上述域名是因为默认旗子挂件图片来源是该链接前缀 测试无误后提交审核前，隐私条款里选择 1、获取昵称头像能力， 2、图片存储相册能力， 3、相册选择照片能力 图片安全检测可自自行开发，或者默认不要改动 参数自定义都在common/config.ts里，根据备注设置 skyline目前仅支持激励视频流量主，仅需配置广告id即可
微信小程序使用threejs实现3D模型的展示
08-23
微信小程序使用three.js实现3D模型的展示。简单Demo，快速上手，博主最近测试完美可用，可以自定义调整js里面的函数，实现3d模型的各种动画效果，比如旋转、掉落、等等，可以更好的避坑。源码包中含有虾模型，将其...
微信小程序新版渲染引擎Skyline的使用详解
javaMusic的专栏
09-09 9228
前端微信小程序新版渲染引擎Skyline学习与使用详解。其中包括跑马灯swiper，瀑布流monsary，海报分享，worlet动画，自定义路由，手势协商，共享元素动画等。
微信小程序踩坑,skyline模式下,简易双向绑定无效
qq_45797421的博客
05-10 390
微信小程序踩坑,skyline模式下,textarea的简易双向绑定无效
记录一下【微信小程序skyline模式的一些坑】
qq_32657473的博客
05-29 6933
这些坑新来的注意下，基本页面布局问题不大了。总结我遇到的不能接受的地方。
微信小程序 skyline 的使用（1）
weixin_47588909的博客
01-28 1777
(注意:微信开发工具要最新版本)"lazyCodeLoading": "requiredComponents", //Skyline 依赖按需注入"renderer": "skyline", //全局或页面配置中声明为 Skyline 渲染//Skyline 样式配置:开启默认Block布局},
第一次使用skyline渲染模式。如何使用skyline渲染模式，单个页面如何使用skyline渲染模式和使用后的样式问题
m0_65238444的博客
04-22 1823
skyline渲染模式：主要是单个页面使用了skyline渲染模式，然后从webview改成skyline容易遇到的一些样式或者js的渲染问题，单个页面的限制太多，使用skyline必须在样式或者布局上进行一些调整，如果整个项目使用的话反而不会那么麻烦，因为整个小程序都是用一个渲染模式，所以就不会遇到那么多样式上的问题，如果单个页面使用的话，会有许许多多的问题，以上都是我在单个页面使用中遇到的问题。
关于微信小程序新提供的渲染引擎Skyline的理解
qq_39213763的博客
01-04 5505
当小程序基于WebView环境下，WebView的DOM数创建、JS逻辑、CSS解析、Layout、paint(Composite)、样式计算都发生在同一线程上。小程序一直以来都是采用的AppService和 WebView的双线程模型，基于WebView和原生控件混合渲染的方式，小程序优化扩展了Web的基础能力，保证了再移动端上的良好性能和用户体验。为了进一步优化小程序性能，提供更为接近原生的用户体验，在WebView渲染之外新增了一个渲染引擎Skyline。
2023微信头像生成小程序，基于skyline+vue3+t
09-18
在微信开发者工具修改 AppID为自己在小程序平台申请的 AppID 预览时取消勾选开发者工具详情里的【不校验合法域名】 发布时请先在小程序后台开发者设置里添加信任的域名：https://pic.rmb.bdstatic.com 上述域名是...
开源头像挂件微信小程序-基于uniapp+vue3+skyline渲染框架.zip
02-24
【项目资源】： 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发...有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。
微信小程序实现多行文字超出部分省略号显示功能
01-19
在开发小程序： 澳买 的 时候 遇到一个棘手的问题： 当搜索澳洲产品，获取产品列表的时候，有时候产品的名称翻译成中文特别长 我们不能全部在有限的列表里面把产品名都显示出来，这样格式不好控制，显示 出来也不太...
Skyline模型数据校正偏移winform小程序CalcYawSxSy.zip
01-07
Skyline模型数据校正偏移winform小程序CalcYawSxSy 打开TerraExplorer Pro工程后，双击CalcYawSxSy.exe即可完成数据偏移校正。
解决uniapp中数据请求到但是未渲染
zyl19950717的博客
07-06 4057
解决常见的uniapp中请求数据无法渲染的问题
【小程序教程】微信小程序之条件渲染
shenchengyv的博客
10-12 1491
微信小程序条件渲染在微信小程序中，条件渲染是一种非常实用的技术，它允许我们根据条件来决定是否显示某个组件或页面。通过条件渲染，我们可以动态地呈现用户界面，根据用户的输入、数据或其他条件来做出相应的调整。
Skyline 渲染引擎——更接近原生渲染的性能体验
江拥羡橙的博客
07-03 2148
为了进一步优化小程序性能，提供更为接近原生的用户体验，我们在 WebView 渲染之外新增了一个渲染引擎 Skyline，其使用更精简高效的渲染管线，并带来诸多增强特性，让 Skyline 拥有更接近原生渲染的性能体验。
微信小程序&nbsp；不渲染
qq_63570804的博客
07-28 432
微信小程序 不渲染问题
微信小程序webview模式瀑布流长列表的虚拟列表优化，解决内存问题
Qensq的博客
04-13 496
此文章是我看到写的非常好的一篇技术文章，也是好不容搜到的，所以想记录在册。如果原作者看到了不希望转载，请在下面评论，我必删除内容。这个方式也可以用于skyline模式，但是因为skyline 本身微信小程序已经提供了瀑布流框架，再造轮子就多余了。这个方式对于上面这篇在内存消耗方面，可以减少70%（预估），具体没算，但是肯定更好。因为支撑驻留的view骨架更少。虽然本篇是写的微信小程序的案例，但是也可用于H5，思路是想通的，只是有些api的差异，最后会贴代码片段。
微信小程序 多端-skyline模式下,跳转自定义导航页面,底部出现黑色块
最新发布
qq_45797421的博客
05-11 410
微信小程序 多端-skyline模式下,跳转自定义导航页面,底部出现黑色块
微信小程序 Skyline框架 | 它超赞耶！Skyline 商用初体验 -- NONZERO COFFEE
hujie9371的博客
10-15 906
这个详情弹出页的效果和webview下的 <page-container>组件的效果基本相似，如果这里简单的使用跳转新页面，则不符合UI设计稿，使用页面弹出组件时，又会发生用户的返回操作直接退出商品列表页，所以这里使用的自定义路由,并且还利用了worlklet和手势系统，实现了手势下滑与左滑时，如果下滑距离和下滑速度足够，则退出，不足够，则回弹恢复。这里的自定义路由，效果不明显，但是恰恰就需要这种效果。抛开软件功能不谈，在交互体验上，打造一款能和原生APP相媲美的微信小程序，是我这样的微信开发者的梦想。
小程序怎么开启skyline
03-31
我不确定你指的是什么，可能是以下两种情况之一： 1. 如果你指的是小程序的 "Skyline" 动效（一种背景动画），可以按照以下步骤开启： - 在小程序的 app.json 文件中，找到 "window" 对象，添加以下属性： ``` "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle": "black", "enableSkyline": true // 添加该属性 } ``` - 在小程序的 js 文件中，可以通过以下方式关闭或打开 Skyline 动效： ``` wx.setEnableDebug({ enableDebug: true, // 开启调试模式，可以看到控制台输出 enableDebugLogRemind: true, // 开启调试提示 enableSkyline: true // 打开 Skyline 动效 }) ``` 2. 如果你指的是另一种 "Skyline"，请提供更多信息，让我能够更好地理解你的问题。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值