小程序预览模式和真机居然不一样? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
iqoo
V2EX    程序员

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

  •  
  •   iqoo 2024 年 1 月 16 日 3992 次点击
    这是一个创建于 730 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    18 条回复    2024-01-17 20:01:28 +08:00
    superkeke
        1
    superkeke  
       2024 年 1 月 16 日   6
    你说的是微信小程序吧,开发过两款,不一致的地方很多,iOS 尤甚。。。我感觉小程序是一种倒退,就是为了把生态都围在他一个 APP 里。
    wolfan
        2
    wolfan  
       2024 年 1 月 16 日
    毕竟小程序依赖的是微信的能力,不是硬件。
    94
        3
    94  
       2024 年 1 月 16 日
    因为使用浏览器模拟的啊……又不是真的实机。
    我记得这些资源都得从服务器或者 CDN 上面获取,不能直接读项目内资源。
    caocong
        4
    caocong  
       2024 年 1 月 16 日
    小程序加载字体是用 wx.loadFontFace 这个方法
    43n5Z6GyW39943pj
        5
    43n5Z6GyW39943pj  
       2024 年 1 月 16 日
    正常,尤其是新引擎 skyline
    kneo
        6
    kneo  
       2024 年 1 月 16 日 via Android
    这种问题一般叫“技术不成熟”。
    BwNVlwSq
        7
    BwNVlwSq  
    &nbp;  2024 年 1 月 16 日
    CSS 加载字体文件没问题的
    pengtdyd
        8
    pengtdyd  
       2024 年 1 月 16 日
    这不是很正常嘛,坑是一个接着一个,这就是小程序的现状。
    Belmode
        9
    Belmode  
       2024 年 1 月 16 日
    小程序真机的环境是 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
        10
    iqoo  
    OP
       2024 年 1 月 16 日
    @Belmode 道理我知道,我也看过这个文档了。只是这种纯逻辑的策略,完全可以让开发环境和真机保持一致,开发环境校验下参数的问题。说白了还是小程序偷懒,框架质量太差。
    KING754
        11
    KING754  
       2024 年 1 月 16 日
    我也是最近在学习弄一个东西。
    还有好多坑。
    什么 skyline 不支持的,然后各不一致。
    wangtian2020
        12
    wangtian2020  
       2024 年 1 月 16 日
    坑的一笔,我再跟你讲一个,我 3 年前写小程序的时候,小程序的配置文件 json 里有一个属性多敲了一个空格
    比如 '123123acb ' 最后多敲了一个空格,安卓没问题真机没问题,ios 有问题!
    还有 margin-bottom 把页面底部撑起来的时候 ios 的浏览器内核表现也不一致无法撑开
    0o0O0o0O0o
        13
    0o0O0o0O0o  
       2024 年 1 月 16 日
    微信开发者工具的小程序预览,没良心和没水平,微信至少占一个
    molvqingtai
        14
    molvqingtai  
       2024 年 1 月 16 日   1
    不一致的地方太多了,我都是靠骂张小出气
    wyl986
        15
    wyl986  
       2024 年 1 月 17 日
    使用小程序那个 IDE ( vscode+chromium 的缝合怪)进行开发,能强烈地感觉到张小龙想让你知道它没有妈这个事实
    qiaobeier
        16
    qiaobeier  
       2024 年 1 月 17 日
    渲染的内核都不一样,这种只能靠经验了。
    xiqishow
        17
    xiqishow  
       2024 年 1 月 17 日
    比如 flex iOS13 web 内核不支持 gap 所以小程序自然也不支持,所以像要间距就不能光用这个 否则不同 iOS 版本样式都不一样
    drydiy
        18
    drydiy  
       2024 年 1 月 17 日   1
    微信小程序就是个垃圾。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3564 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 04:26 PVG 12:26 LAX 20:26 JFK 23:26
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86