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

油猴脚本:帖子预览

  •  
  •   oneisall8955 · 2022-05-06 16:44:20 +08:00 · 1693 次点击
    这是一个创建于 713 天前的主题,其中的信息可能已经有所发展或是发生改变。

    没什么卵用的预览 V2EX 帖子功能。

    如图:

    调用了开放 api ,https://www.v2ex.com/api/topics/show.json?id={{topicId}},获取内容,使用 opentip ,创建便利贴提示内容 样式比较简陋,详细配置选项: http://www.opentip.org/documentation.html

    脚本地址: https://greasyfork.org/zh-CN/scripts/444543-v2ex-%E5%B8%96%E5%AD%90%E9%A2%84%E8%A7%88

    8 条回复    2022-05-09 11:44:49 +08:00
    yuankui
        1
    yuankui  
       2022-05-06 17:52:50 +08:00
    配色可以再调一下~
    oneisall8955
        2
    oneisall8955  
    OP
       2022-05-06 19:52:18 +08:00 via Android
    @yuankui 用的默认的主题,css 不太懂不会调😂
    wdssmq
        3
    wdssmq  
       2022-05-06 20:05:52 +08:00
    RSS 用户表示确实没啥用,(╯▽╰)

    以后如果要写比较复杂的脚本可以看下我的分享:

    使用 rollup.js 模块化编写 GM 脚本 - V2EX

    https://www.v2ex.com/t/850945#reply2
    lisongeee
        4
    lisongeee  
       2022-05-09 10:39:12 +08:00
    写比较复杂的脚本应该用这个

    https://github.com/lisonge/vite-plugin-monkey/blob/main/README_zh.md

    都 2202 年了,还需要手动建立测试脚本?能自动化全部自动化

    自动在浏览器打开安装脚本,模块热替换,typescript ,css 样式引入,图片及其他资源引入

    友好的利用 @require 配置库的 cdn 的方案
    oneisall8955
        5
    oneisall8955  
    OP
       2022-05-09 11:07:23 +08:00
    @lisongeee #4

    谢谢大佬指正及推荐油猴工具,前端小白,第二次编写油猴脚本😂

    - 为什么需要手动引入 js ,而不是 @require 引入

    不是我不想,@require 后页面报错了:
    https://cdn.jsdelivr.net/npm/[email protected]/downloads/opentip-jquery.min.js 这个 js 可能有问题,格式什么的吧
    ![]( https://cdn.liuzhicong.cn/img/20220509105557.png)

    - css 样式引入为什么通过 GM_addStyle(xxx) 引入
    Google 没找到怎么做到类似 @require 这种形式插入 css 的,只好抄了网上的方式
    lisongeee
        6
    lisongeee  
       2022-05-09 11:20:07 +08:00
    @oneisall8955

    如果是 vite 项目,css 引入,可以直接在 js 里引入呀

    import './your.css' 就行,不需要手动写函数 appendCss2Header

    还有我看你这个 https://cdn.jsdelivr.net/npm/[email protected]/css/opentip.css 为什么要用 xhr 请求后再用 appendCss2Header 呢?

    你直接给 document.head 添加 <link href='https://cdn.jsdelivr.net/npm/[email protected]/css/opentip.css' rel='stylesheet' type='text/css'>,不就行了吗

    你这个在前端工程化角度来看还是有很多可以优化的点的呀
    oneisall8955
        7
    oneisall8955  
    OP
       2022-05-09 11:33:54 +08:00
    @lisongeee #6 搜嘎,直接插入 head 就行了那就简单点了,不用 GM_addStyle 都行
    lisongeee
        8
    lisongeee  
       2022-05-09 11:44:49 +08:00
    @oneisall8955

    哈哈,有空可以用用我这个
    github.com/lisonge/vite-plugin-monkey/blob/main/README_zh.md
    我最近摸🐟太无聊了,想改进一下,奈何没人提 bug 或者意见
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   937 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:57 · PVG 05:57 · LAX 14:57 · JFK 17:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.