Skyline渲染引擎
最新提问- 全部
- 文章
- 问答
- 全部
- 文章
- 问答
置顶使用skyline生成的海报无法下载？
在某一个页面使用skyline下载海报时，开发工具提示takeSnapshot:fail webview renderer is not supporte，需要我将小程序的线上最低基础库改成2.29.2才能下载吗？ page.json的代码为："navigationBarTitleText": "详情", "usingComponents": {}, "renderer": "skyline", "navigationStyle":"custom", "componentFramework":"glass-easel" app.json的部分代码为： "lazyCodeLoading": "requiredComponents", "rendererOptions": { "skyline": { "defaultDisplayBlock": true, "defaultContentBox": true } } page.js下载海报的代码为： this.createSelectorQuery().select("#view") .node().exec(res => { const node = res[0].node node.takeSnapshot({ // type: 'file' 且 format: 'png' 时，可直接导出成临时文件 type: 'arraybuffer', format: 'png', success: (res) => { console.log(123) const f = `${wx.env.USER_DATA_PATH}/hello.png` const fs = wx.getFileSystemManager(); fs.writeFileSync(f, res.data, 'binary') wx.showToast({ title: '保存成功' }) wx.saveImageToPhotosAlbum({ filePath: f, success() { wx.showToast({ title: '已保存到相册', icon: 'success', duration: 2000 }) }, fail(err) { if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") { that.secondGetPhoteAuthor(); } else { showToast("您已拒绝授权相册权限，请截屏保存分享"); } }, complete() { wx.hideLoading() } }) }, fail(res) { console.log("takeSnapshot fail:", res) wx.hideLoading() } }) })
2024-06-23置顶上传 互联网信息服务承诺书 提交后，卡住
上传 互联网信息服务承诺书 提交后，卡住。显示：无法读取图片识别内容，请尝试重新提交或重新上传图片。
2024-06-21置顶minium报错：skyline页面暂不支持get_element方法，怎么办？
#!/usr/bin/env python # -*- coding: utf-8 -*- # 公众号：伤心的辣条 import minium import time class MyTest(minium.MiniTest): def test_view(self): self.page.get_element("view", inner_text="视图容器").click() self.page.get_element(".navigator-text", inner_text="swiper").click() self.page.get_elements("switch")[0].click() self.page.get_elements("switch")[1].click() assertValue1 = self.page.get_element(".weui-cell__bd").text self.assertEqual("指示点", assertValue1) time.sleep(0.5) self.app.navigate_back() def test_form(self): self.page.get_element("view", inner_text="表单组件").click() self.page.get_element(".navigator-text", inner_text="textarea").click() self.page.get_element("page > view > view > view:nth-child(1) > view.textarea-wrp > textarea").click() self.page.get_element("page > view > view > view:nth-child(1) > view.textarea-wrp > textarea").input("小程序自动化测试") assertValue2 = self.page.get_element("page > view > view > view:nth-child(1) > view.textarea-wrp > textarea").text self.assertIn("小程序", assertValue2) time.sleep(0.5) self.app.navigate_back() if __name__ == "__main__": my_test = MyTest() my_test.test_view() my_test.test_form() 上面的代码，来源https://blog.csdn.net/m0_67695717/article/details/133305956，我安装好minium后，运行报错： File "D:\myProgram\ideaJava\yiZhiXiangMuZu\maoYuFanYi\wx-miniprogram-test\venv\lib\site-packages\minium\miniprogram\base_driver\page\skylinepage.py", line 19, in wrapper raise NotImplementedError(f"skyline页面暂不支持{func.__name__}方法") NotImplementedError: skyline页面暂不支持get_element方法 小程序是官网给的小程序代码。代码来源：https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/demo.html 谢谢
2024-06-20置顶skyline tab-bar 只能点击文字才能跳转
1、app.json 进行了配置[图片]， 2、coustom-tab-bar从官方拿来的例子 3、页面的布局是这样，scroll-view 留出来距离了[图片] 4、点击的热区只有文字“首页”和“我的”,而不是这个占了50%的一整块儿。 [图片]
2024-06-20置顶Skyline字体只能跟随系统吗？
[图片] 上图是官方的参考代码（https://developers.weixin.qq.com/s/zk4z0ymt7GMW） 无论是自己写的、别人写的还是官方给的代码示例，只要开启了Skyline，在开发工具里就变成这个字体，真机预览时字体会跟随系统，切回WebView就是正常的 开发工具版本：1.06.2406182 问：Skyline字体只能跟随系统吗？不能自定义字体吗？
2024-06-19置顶在webview渲染引擎下能打开调试器工具 而在skyline的渲染引擎下不能打开调试器工具？
[图片]
2024-06-19置顶微信小程序开发者工具使用企业微信开发模式时skyline不支持吗？
调试基础库版本：2.20.3 微信开发者工具版本：1.06.2402040 [图片] 小程序模式是没问题的。。。切换到企业微信小程序模式就无法渲然页面了，请问skyline不支持这个问题怎么解决呢？
2024-06-19置顶skyling swiper中 current 失效的问题？
onload 中 修改current的值 不生效 代码片段 https://developers.weixin.qq.com/s/LtnhI1mW7xSD
2024-06-17置顶snapshot 长截图功能配合scroll-view截图不全的问题？
预期效果是这样子的 [图片] 实际上是这样子的 [图片]
2024-06-17置顶Canvas 在 iOS 的 Skyline 下渲染有几率崩溃
问题表现： iOS + Skyline: Canvas 在页面初次挂载时启动渲染，有很大几率崩溃。（若加 1s setTimeout 延迟则不会崩溃）iOS + Webview: Canvas 渲染正常Android + Skyline: Canvas 渲染正常Android + Webview: Canvas 渲染正常目前临时解决方法： onReady() { setTimeout(() => { renderCanvas() }, 1000) // 加延迟等待 Canvas 完全初始化后再执行渲染逻辑 } 具体复现视频放在了 github 链接 readme 中（社区帖子中上传视频太麻烦了）
2024-06-17置顶Skyline @media (prefers-color-scheme: dark) 异常
/* miniprogram/app.wxss */ page { color: black; background-color: white; } @media (prefers-color-scheme: dark) { page { color: white; background-color: black; } } 真机正常，开发者工具异常（媒体查询中定义的 dark mode 的样式全部失效）。
2024-06-16置顶skyline worklet:should-accept-gesture多次识别？
pan-gesture-handler手势组件worklet:should-accept-gesture识别一次，但是vertical-drag-gesture-handler识别了2次？官方不是说只会识别一次吗? [图片] [图片] [图片]
2024-06-11置顶使用snapshot保存图片到相册，会随机保存成功或者空白，请问是什么原因？
官方例子保存能一直成功，实际需求做完之后空白和保存成功概率一半一半，请问是什么原因（就是我连续点击四次保存，可能有2次成功，2次空白） 正常时候：[图片]空白时候：[图片]，什么原因会造成这种空白，或者如何判断生成的是空白图片，我想生成空白图片后重新调用生成图片到相册的接口，一直循环到生成成功
2024-06-07置顶真机调试 2.0 ios下不支持 heap snapshot?
1.06.2405010 darwin-x64 开发者工具 ios 真机调试 2.0， 无法使用 heap snapshot 相关能力
2024-06-06置顶skyline模式下wxss @import无效
在 app.wxss 全局样式中通过 @import 引入其他公用样式，在wxml中使用无效，将公用样式直接写在 app.wxss 后样式生效 不使用@import [图片] 使用@import [图片] webview模式下正常 [图片]
2024-06-05置顶小程序开启skyline导致富文本真机编辑出现/n，而模拟器没问题
##富文本内容 <section data-role="outer" class="article135" label="edit by 135editor"><section label="Powered by 135editor.com" style="font-family:思源黑体;"><section style="background:#fdf7e1" class=""><section style=";-o-transform:translateZ(10px);transform: translateZ(10px);-webkit-transform: translateZ(10px);-moz-transform: translateZ(10px);-o-transform: translateZ(10px);"><section style="margin:10px auto;text-align:center;margin-top:-40px;-o-transform:rotate(0deg);transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);" class=""><section style="display:inline-block" class=""><p style="font-size:45px;letter-spacing:2px;color:#ff6d1c;text-shadow:0.044em 0.044em 0.022em #fbeb9a"><br></p><p style="font-size:45px;letter-spacing:2px;color:#ff6d1c;text-shadow:0.044em 0.044em 0.022em #fbeb9a"><strong>绘画培训班</strong></p><section style="font-size:30px;letter-spacing:1.5px;color:#ff6d1c;margin:0px 0px 10px 0px;text-shadow:0.067em 0.067em 0.033em #fbeb9a"><strong>正在火热招人中</strong></section><section style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#fff;background:#fea513;border-radius:6px;box-sizing:border-box" class=""><strong>高效提升专业 培养绘画兴趣</strong></section><section style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#ff6d1c;margin-top:15px;box-sizing:border-box;text-shadow:0.063em 0.063em 0.063em #fbeb9a" class=""><strong>2024年11月30日正式开课</strong></section></section></section></section><section style="padding:0px 15px;box-sizing:border-box" class=""><section><section style="margin:0px auto;text-align:center" class=""><section style="display:inline-block"><section style="display:flex;justify-content:center;align-items:center"><section class="assistant" style="width:40px;margin-right:-25px;box-sizing:border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"><br></section><section style="font-size:16px;letter-spacing:1.5px;padding:6px 1em 6px 2em;background:#ffffff;color:#f78e05;box-sizing:border-box" class=""><strong>青山艺术启蒙班</strong></section></section></section></section></section><section><section style="margin:10px auto;text-align:center"><section style="display:flex;justify-content:flex-start;align-items:center" class=""><section class="assistant" style="width:45px;box-sizing:border-box;"><br></section><section class="assistant" style="flex:1 1 0%;height:4px;background:#ffffff;margin-top:5px;margin-left:10px;overflow:hidden"></section></section><section style="background:#ffffff;padding:1em;margin-top:-5px;box-sizing:border-box" hm_fix="300:471" class=""><section style="text-align:justify;line-height:1.75em;letter-spacing:1.5px;font-size:14px;color:#1ecaf3"><section style="text-align:justify;line-height:1.75em;letter-spacing:1.5px;font-size:14px;color:#3f3f3f" class=""><p style="vertical-align:inherit">以绘画和有针对性的绘画游戏方式，设计通过视觉、听觉、触觉等多感官的协调及多样化材料的运用，使孩子从感知到运用点、线、面进行造型，感受线、形、色的神奇变化及美感</p></section></section></section></section></section><section class=""><p style="vertical-align:inherit"><br></p></section><section style="height: 0px; overflow: hidden;"></section><section><section style="margin: 10px auto; text-align: center; height: 0px; overflow: hidden;" class=""></section></section><section style="height: 0px; overflow: hidden;"></section><section><section style="margin: 10px auto; text-align: center; height: 0px; overflow: hidden;" class=""></section></section><section><section style="margin:10px auto"><section style="border:10px solid #ffffff;padding:0px 20px 20px;box-sizing:border-box;background:#fff" class=""><section style="margin-top:20px" hm_fix="338:465" class=""><section style="text-align:center" class=""><section style="display:inline-block"><section style="font-size:16px;color:#fff;letter-spacing:1.5px;text-align:justify;box-sizing:border-box;background:#fea513;padding:6px 1em" class=""><strong>美术班开课指南</strong></section></section></section><section class="box-edit" style="margin-top:1.5em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学时间：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">2024年11月30日</p></section></section></section><section class="box-edit" style="margin-top:1em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学地址：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">青山路12单元12楼-520</p></section></section></section><section class="box-edit" style="margin-top:1em"><section style="display:flex;justify-content:flex-start;align-content:flex-start" class=""><section style="width:120px;flex-shrink:0;box-sizing:border-box;"><section style="display:inline-block"><section style="font-size:14px;letter-spacing:1.5px;padding:0px 2px;color:#333333;box-sizing:border-box">入学提示：</section><section style="max-width:100%;width:100%;height:5px;background:#fea513;margin-top:-5px;overflow:hidden;box-sizing:border-box;"></section></section></section><section style="font-size:14px;letter-spacing:1.5px;line-height:1.75em;text-align:justify;color:#464646" class=""><p style="vertical-align:inherit">注意安全，带好报名手续。</p></section></section></section></section></section></section></section><section><section style="margin:10px auto;text-align:center" class=""><p style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#3f3f3f;box-sizing:border-box"><br></p><p style="font-size:16px;letter-spacing:1.5px;padding:4px 1em;color:#3f3f3f;box-sizing:border-box"><strong>—END—</strong></p></section></section><section class=""><p style="vertical-align:inherit"><br></p></section><section><section style="font-size:14px;letter-spacing:1.5px;padding:4px 1em;color:#d98b5c;box-sizing:border-box;text-align:center" class=""><span style="color:#3f3f3f;font-family:微软雅黑, "Microsoft YaHei";">作者：青山小书童</span></section><section style="font-size:14px;letter-spacing:1.5px;padding:4px 1em;color:#d98b5c;box-sizing:border-box;text-align:center" class=""><span style="color:#3f3f3f;font-family:微软雅黑, "Microsoft YaHei";">文案 | 网络（侵删）</span></section></section><section class=""><section><section style="margin:10px auto;display:flex;flex-direction:column"><section style="margin-bottom:-12px"><section style="width:40px;height:20px;background-color:#d5260c;overflow:hidden;box-sizing:border-box;"></section></section><section style="background-color:#ffe26e;margin-left:7px;z-index:9"><section style="background-color:#ffffff;border:1px solid #ffe26e;padding:20px 10px;box-sizing:border-box;-o-transform:translate(-3px,-4px);transform: translate(-3px,-4px);-webkit-transform: translate(-3px,-4px);-moz-transform: translate(-3px,-4px);-o-transform: translate(-3px,-4px);"><section style="display:flex;justify-content:space-between;align-items:center"><section style="width:40%;box-sizing:border-box;max-width:40% !important;"><section style="width:110px;box-sizing:border-box;"><img style="width:258px;display:block;vertical-align:inherit;box-sizing:border-box;" title="undefined" src="https://oos-zsm.oss-cn-zhangjiakou.aliyuncs.com//mbookid/mphtml/202404/17/mphtml_ur17oLXG5g49fT6xfzJ6.jpg" data-width="100%" draggable="false" data-ratio="1" data-w="258"></section></section><section style="width:60%;box-sizing:border-box;max-width:60% !important;"><section style="display:flex;justify-content:center;align-items:center;margin-bottom:25px"><section><section style="display:flex;flex-direction:column"><section style="display:flex;justify-content:center;margin-bottom:-42px;height:40px"><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section><section class="box-edit" style="background-color:#ffe26e;border-radius:100%;margin:0 -6px;box-sizing:border-box"><section style="width:2.5em;height:2.5em;background-color:#d5260c;border-radius:100%;overflow:hidden;box-sizing:border-box;transform: translate(-3px, -3px);-webkit-transform: translate(-3px, -3px);-moz-transform: translate(-3px, -3px);-o-transform: translate(-3px, -3px);"></section></section></section><section style="height:40px;z-index:9;display:flex;justify-content:center;align-items:center"><section style="font-size:16px;color:#ffffff;text-align:center"><strong>青山小书童</strong></section></section></section></section></section><section style="font-size:12px;color:#333333;text-align:center;line-height:1.75em">微 信 号：mbookid</section><section style="font-size:12px;color:#333333;text-align:center;line-height:1.75em" class="">新浪微博：@青山小书童</section></section></section></section></section></section></section><p style="vertical-align:inherit"><br></p></section></section></section><section class=""><p><br></p></section></section></section> 开启skyline的情况下模拟器调试不出现\n [图片] 开启skyline真机调试或者发布正式使用均 真机出现\n [图片] 如果不使用skyline模式则模拟器真机均不会出现\n问题 @微信开放社区 #微信开放社区 #skyline #skyline问题
2024-06-04置顶skyline 模式image 标签动态替换 src，如果资源是 gif 展示空白？
skyline 模式下，image 标签动态替换 src，如果切换的资源是 gif，必现图片展示空白，该情况在真机及开发工具上都能复现。真机微信版本 8.0.49，开发工具版本 stable 1.06.2401020
2024-06-03置顶skyline 手势操作返回报错null reading \'touches\'?
报错信息：Cannot read properties of null (reading \'touches\') [图片] 报错机型多为安卓机(JEF-AN00、JAD-AL50、ANN-AN00、2206123SC)，微信版本8.0.48、8.0.49 代码片段 <vertical-drag-gesture-handler tag="pan" shouldResponseOnMove="shouldPanResponse" simultaneousHandlers="{{ ['scroll'] }}" onGestureEvent="handleVerticalDrag" style="flex: 1; overflow: auto;width: 100%;" > <view>...<view> <vertical-drag-gesture-handler> js代码片段 handleVerticalDrag(evt) { 'worklet'; if (!this.customRouteContext) return; if (evt.state === GestureState.BEGIN) { this.handleDragStart(); } else if (evt.state === GestureState.ACTIVE) { const delta = evt.deltaY / windowHeight; this.handleDragUpdate(delta); } else if (evt.state === GestureState.END) { const velocity = evt.velocityY / windowHeight; this.handleDragEnd(velocity); this.jsWorklet(evt.state); } else if (evt.state === GestureState.CANCELLED) { this.handleDragEnd(0.0); this.jsWorklet(evt.state); } }
2024-06-03置顶skyline下scrollView的bounces会导致整个小程序路由卡死?
skyline下scrollView的bounces会导致整个小程序路由卡死?不信你可以试试。百分之百复现
2024-06-03置顶createSelectorQuery 无法在worklet里调用？
在worklet中无法调用this.createSelectorQuery方法 如果使用runOnJS去调用boundingClientRect回调函数在exec后不会触发
2024-06-02
小程序示例
交互动画 tab
这个错误是因为编辑器的渲染模式还是 webview模式导致的。参考文档的方法给线上版本开启skyline渲染引擎：https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/release.html#%E5%8F%91%E5%B8%83%E4%B8%8A%E7%BA%BF