小程序预览模式和真机居然不一样？

[iqoo]

开发模式下用本地数据文件的一个自定义字体，发现可以生效，以为微信小程序支持从本地加载字体。结果真机测试后发现居然不支持？？

为什么本地模式和真机的逻辑策略不做成统一，简直浪费开发者的时间。

[superkeke]

你说的是微信小程序吧，开发过两款，不一致的地方很多，iOS 尤甚。。。我感觉小程序是一种倒退，就是为了把生态都围在他一个 APP 里。

[wolfan]

毕竟小程序依赖的是微信的能力，不是硬件。

[dfkjgklfdjg]

因为使用浏览器模拟的啊……又不是真的实机。
我记得这些资源都得从服务器或者 CDN 上面获取，不能直接读项目内资源。

[caocong]

小程序加载字体是用 wx.loadFontFace 这个方法

[43n5Z6GyW39943pj]

正常,尤其是新引擎 skyline

[kneo]

这种问题一般叫“技术不成熟”。

[BwNVlwSq]

CSS 加载字体文件没问题的

[pengtdyd]

这不是很正常嘛，坑是一个接着一个，这就是小程序的现状。

[Belmode]

小程序真机的环境是 Xweb(mobie chromium webview ) + V8
开发工具的环境是 Chromium webview + nw.js

开发工具的环境，和浏览器是类似的，对 wxss ，也就是 css 加载本地 font 没有限制。
但是针对小程序真机环境，设置 wxss ，加载外部 css 或者 font 是限制必须要求使用 https 开头的 url 路径。

参考：
https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html
https://developers.weixin.qq.com/community/develop/article/doc/000c6e0ad30c18016f7f5479356013

[iqoo]

@Belmode 道理我知道，我也看过这个文档了。只是这种纯逻辑的策略，完全可以让开发环境和真机保持一致，开发环境校验下参数的问题。说白了还是小程序偷懒，框架质量太差。

[KING754]

我也是最近在学习弄一个东西。
还有好多坑。
什么 skyline 不支持的，然后各不一致。

[wangtian2020]

坑的一笔，我再跟你讲一个，我 3 年前写小程序的时候，小程序的配置文件 json 里有一个属性多敲了一个空格
比如 '123123acb ' 最后多敲了一个空格，安卓没问题真机没问题，ios 有问题！
还有 margin-bottom 把页面底部撑起来的时候 ios 的浏览器内核表现也不一致无法撑开

[0o0O0o0O0o]

微信开发者工具的小程序预览，没良心和没水平，微信至少占一个

[molvqingtai]

不一致的地方太多了，我都是靠骂张小🐲出气

[wyl986]

使用小程序那个 IDE （ vscode+chromium 的缝合怪）进行开发，能强烈地感觉到张小龙想让你知道它没有妈这个事实

[qiaobeier]

渲染的内核都不一样，这种只能靠经验了。

[xiqishow]

比如 flex iOS13 web 内核不支持 gap 所以小程序自然也不支持，所以像要间距就不能光用这个 否则不同 iOS 版本样式都不一样 😂

[drydiy]

微信小程序就是个垃圾。