V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TimG
V2EX  ›  前端开发

询问下钉钉 H5 应用样式兼容性问题

  •  
  •   TimG · 16 天前 via Android · 581 次点击
    想问下有没有做过钉钉 H5 的朋友了解字体无法加载是什么情况?并且背景模糊 backdrop-filter 是不能用的,试过加 WebKit 标志也不行。但奇怪的是 mdn 文档提示这个标签支持 76 以上的 chrome 就可用。钉钉前台打印 appVersion 是 100 ,但不能使用这个样式。

    是个基于 Vue3+tailwind4 的前端项目,为了最大程度模拟钉钉的浏览器下载了 103 版本的 chromium ,再旧的官方源就没有了。在这上面测试良好,但是在钉钉上样式就不对。

    因为马上上线了,没法折腾钉钉的调试工具。现在完全是古法 alert 出来调试。我看到钉钉有“钉钉开发者工具”支持 H5 调试,但是目前已经不维护,让我下载钉钉小程序开发工具,但是钉钉小程序开发工具又没有调试 H5 微应用的功能,如果哪位能提供下那个旧版“小程序开发工具”也很感谢!
    官方提供的调试器好奇怪,开发者账号在用户那里,没法用导包的方法调试,使用他的 IDE 是导入了源码进去重新 build 了一遍?我都已经 build 好了不想再配他 IDE 环境,其实就是想看一下 chrome 的 debugger ,太痛苦了.....

    我们的 UI 设计是围绕高斯模糊来的,现在没法失去 backdrop-filter ,是被钉钉禁用了吗?试过加背景 alpha 通道模拟高斯模糊,但是效果太差了。有没有朋友处理过类似的情况?
    3 条回复    2025-11-14 11:06:09 +08:00
    orionnnnn
        1
    orionnnnn  
       16 天前   ❤️ 1
    https://github.com/Tencent/vConsole
    生产环境在页面加个参数,比如 https://xxx.com/?debug=true 开启,方便调试
    TimG
        2
    TimG  
    OP
       16 天前 via Android
    @orionnnnn 谢谢你!真的帮大忙了!
    dumbass
        3
    dumbass  
       16 天前
    也可以搭配 https://www.pagespy.org/ 使用
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   2796 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 12:54 · PVG 20:54 · LAX 04:54 · JFK 07:54
    ♥ Do have faith in what you're doing.