在今年「微信技术公开课」上，微信开发生态团队发布了全新的微信开发者工具 2.0（开发者预览版），希望在全过程智能编程方向上提供更好的开发体验。 相比于之前的版本，新版微信开发者工具有很多亮点： 1. 焕然一新的开发体验 相信经常使用的开发者一眼就能看出不同。微信团队对「开发者工具」的整体结构、编辑器和模拟器都进行了全方位的升级改造。 [图片] 特别是重新设计的 Toolbar，让大家能够更专注于小程序的核心操作，同时获得更宽敞的代码编写空间。 2. 编辑器内核的全面升级 我们对「开发者工具」的编辑器底层架构进行了彻底重建，为支持现代开发需求打下坚实基础。 [图片] 现在，我们常见的一些扩展插件，都可以更轻松地以插件的形式集成到微信开发者工具中，实现更加丝滑的编码体验，让开发过程更简洁高效。 3. 强大的智能编程能力 除了基本的开发体验之外，微信开发者工具 还在智能编程方面提供了很多能力。 基于升级后的内核，「开发者工具」构建了一系列让 AI 与 IDE 无缝协作的机制，将服务层进行了抽象和封装，提炼成 AI 可以直接调用的工具和服务。 这意味着开发者工具中大部分的组件运行状态都能被 AI 获取并理解，比如小程序模拟器、调试控制台等。 [图片] 例如，当小程序运行时出现报错，AI 模型能够通过 MCP 或 API 方式直接获取调试控制台的信息，然后与编辑器和模拟器进行交互。你只需对代码助手说 “帮我修复这个报错”，工具就能自动识别问题、规划解决方案并完成修复。 类似的服务正在逐步覆盖工具的各个场景，我们将持续丰富这些能力，协助开发者更轻松地完成小程序开发。 最重要的是，开发者工具持续深度融入「编程助手 CodeBuddy」插件，无论是实现一个简单的排序算法，还是开发一个完整的小程序页面，甚至是构建一个完整的小程序项目，都变得触手可及。 [图片] 新版开发者工具针对小程序场景做了诸多贴心适配，包括： 专属的微信小程序知识库，解答开发疑问端到端的开发流程串联，确保无缝衔接调试器等核心服务的智能集成，提升开发体验全新升级的 CodeBuddy 插件，成为你的得力助手 欢迎大家下载最新版的 微信开发者工具（开发版 Nightly Build），体验一下吧！ 如果你对新版开发者工具有吐槽和建议，欢迎在评论区互动，比如： 新版开发者的使用过程中有哪些要吐槽的地方？你希望新版微信开发者工具支持哪些能力？你有哪些发掘的新版开发者工具使用技巧想要给大家分享？ 即日起至 2025 年 11 月 17 日，欢迎各位开发者在下方评论区留言。我们将精选优质评论，入选的用户将获得官方精心准备的精美礼品一份。期待你的参与和分享！ [图片]

发帖都人回答的。。。。

每个开发者都有这样的时刻： 遇到一个棘手的需求，焦头烂额之际... 突然发现某个组件或插件完美解决问题，直呼"真爱"！ 从此把它奉为"开发神器"，项目里到处都用它！无论是微信开发者工具及原生组件，还是你精心打造的自定义组件、插件，亦或接入最新的 MCP 等工具，现在就是你的"表白时间"！表白你的最爱开发工具或秘籍，帮助其他开发者少走弯路，还能赢取微信官方周边奖品哦~ 在评论区按格式表白你最爱的小程序开发工具或秘籍： 示例：   最爱组件 <live-player>   推荐理由：低延迟直播神器，自带美颜和连麦功能   实战案例：用它3天就完成了电商直播功能，用户停留时长提升40%   避坑技巧：记得设置object-fit属性，否则视频会变形   文档：https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html   好的小程序开发工具就像乐高积木，选对开发工具，复杂功能也能轻松搭建！ 你有哪些独家开发工具或秘籍？快来Battle！ 即日起至 2025 年 06 月 01 日，在下方评论区分享你最爱的小程序开发工具或秘籍，被官方精选评论的用户将获得官方精美礼品一份。 [图片]

<snapshot id="view" class="snapshot-container" mode="view">       <!-- 外层横向滚动 -->       <scroll-view scroll-x class="outer-scroll">         <!-- 内层纵向滚动 -->         <scroll-view scroll-y class="inner-scroll" style="width: {{750 * scale}}rpx;">           <view class="image-wrapper" style="width: {{750 * scale}}rpx; height: {{750 * scale}}rpx;">             <image src="{{img}}" class="main-image" style=" width: {{750}}rpx; height: {{750}}rpx; transform: translate(-50%, -50%) scale({{scale}});" />             <!-- 遍历区域 -->             <block wx:for="{{areas}}" wx:key="id" wx:for-item="areaItem">               <view class="element-container" style="right: {{areaItem.right * scale}}rpx; top: {{areaItem.top * scale}}rpx; width: {{areaItem.width * scale}}rpx; height: {{areaItem.height * scale}}rpx;border: {{generate ? (info.borderColor ? '1px dashed ' + info.borderColor : '1px dashed #999') : '1px dashed transparent'}}; box-shadow: 0px 0px 5px 2px {{areaItem.id == currentContainerId && generate ? 'transparent' : 'transparent'}};" data-areaid="{{areaItem.id}}">                 <!-- 当前区域的元素 -->                 <block wx:for="{{elements}}" wx:key="id">                   <block wx:if="{{item.areaId === areaItem.id}}">                     <!-- 图片元素 -->                     <view wx:if="{{item.type === 'image'}}" class="element image-element {{activeElementId === item.id && generate ? 'active' : ''}}" style="width: {{item.width * scale}}rpx;height: {{item.height * scale}}rpx;left: {{item.x * scale}}rpx;top: {{item.y * scale}}rpx;transform: rotate({{item.rotate}}deg);opacity: {{item.opacity}};z-index: {{item.zIndex}};" catchtouchstart="handleTouchStart" catchtouchmove="handleTouchMove" catchtouchend="handleTouchEnd" data-id="{{item.id}}">                       <image src="{{item.src}}?width={{item.width}}" mode="aspectFill" class="element-image" wx:key="{{item.src}}" />                       <view class="resize-handle {{generate ? 'resizeactive' : ''}}" catchtouchstart="handleResizeStart" data-id="{{item.id}}" style="transform: scale({{1 * scale}});"></view>                     </view>                     <!-- 文字元素 -->                     <view wx:if="{{item.type === 'text'}}" class="element text-element {{activeElementId === item.id && generate ? 'active' : ''}}" style="width: {{item.width * scale}}rpx;height: {{item.height * scale}}rpx;left: {{item.x * scale}}rpx;top: {{item.y * scale}}rpx;transform: rotate({{item.rotate}}deg);opacity: {{item.opacity}};color: {{item.color}};writing-mode: {{item.vertical ? 'vertical-rl' : 'horizontal-tb'}};font-size: {{item.fontSize * scale}}rpx;letter-spacing: {{item.spacing * scale}}rpx;z-index: {{item.zIndex}};" catchtouchstart="handleTouchStart" catchtouchmove="handleTouchMove" catchtouchend="handleTouchEnd" data-id="{{item.id}}">                       {{item.content}}                       <view class="resize-handle {{generate ? 'resizeactive' : ''}}" catchtouchstart="handleResizeStart" data-id="{{item.id}}" style="transform: scale({{1 * scale}});"></view>                     </view>                   </block>                 </block>               </view>             </block>           </view>         </scroll-view>       </scroll-view>     </snapshot

安卓不显示、苹果正常、开发工具显示方块，如果按照文档中的兼容方式，需要改的地方太多了也，还有什么别的方案么，https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/compatibility.html[图片] 开发工具信息：stable 1.06.2503290、调试基础库 3.8.3 苹果手机信息：型号iPhone 13、ios版本 18.4.1、微信版本 Version 8.0.59 安卓手机信息：型号 华为畅享60、harmony OS版本 3.0.0、微信版本 Version 8.0.58 开发工具：[图片] 苹果：[图片] 安卓：[图片]

微信小程序插件开发，基础库3.8.3，之前使用的是webView渲染模式，修改成Skyline后，动态给text标签添加font-family后，text标签中的字体没有效果。具体的：font-family的值是动态的，使用的wx.loadFontFace加载的字体，并在success回调中处理的font-family的值。 webView渲染模式下的效果图 [图片] Skyline渲染模式下的效果 [图片] [图片]

例如 wx.cropImage 可以在手机端裁剪，pc端用不了，官方有没一个类似的API可直接使用

没热重载不碰skyline

<button form-type="submit" class="submit-button">发布</button> [图片] 一个表单页结构，点击发布无反应 自己的手机使用正常，部分用户的手机不正常

[图片] 如题