V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
duoduoeeee
V2EX  ›  分享创造

我做了一个把微博顶栏改成类似 Apple Newsroom 网站顶栏的模糊效果的 Tampermonkey 插件

  •  
  •   duoduoeeee · 2019-05-12 15:29:58 +08:00 · 2186 次点击
    这是一个创建于 2021 天前的主题,其中的信息可能已经有所发展或是发生改变。

    ( CSS 代码就是拿调试器从 Apple Newsroom 扒的)

    直接上图

    applize.jpg

    下载: https://greasyfork.org/zh-CN/scripts/382949-applize-weibo-header

    顺便问下,为啥我 Edge 浏览器的 Tampermonkey 时不时不工作呢,就是时不时地会出现一个页面上所有的用户脚本都没加载的这种情况?

    5 条回复    2019-05-20 18:34:20 +08:00
    brofen
        1
    brofen  
       2019-05-12 23:03:33 +08:00
    微博模板是 js 控制输出的,会不会是这个问题。
    duoduoeeee
        2
    duoduoeeee  
    OP
       2019-05-12 23:18:13 +08:00
    @brofen 是这样的,如果你的浏览器不是 Edge 但是出现了看不见效果的情况的话,你可以试试在 Tampermonkey 的控制台里面,把脚本的触发时机改成 document-idle。

    Edge 上的 Tampermonkey 时不时不工作我觉得不是 js 异步加载导致的,而是可能因为 Tampermonkey 和 Edge 本身结合得可能有些什么问题,因为我 b 站上弄了七个用户脚本,一个也加载不起。微博上的脚本则是时好时坏,完全看心情……
    zhengjian
        3
    zhengjian  
       2019-05-13 02:15:24 +08:00
    可惜浏览器兼容性太差

    https://caniuse.com/#search=backdrop-filter
    duoduoeeee
        4
    duoduoeeee  
    OP
       2019-05-13 07:34:43 +08:00 via Android
    @zhengjian 对 这个特性火狐是不支持的
    unizheng
        5
    unizheng  
       2019-05-20 18:34:20 +08:00
    这个特性很不错 当时只有 safari 支持。chrome 都不支持,可惜了。深觉 apple 就是擅长设计体验。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2747 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 05:45 · PVG 13:45 · LAX 21:45 · JFK 00:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.