没什么卵用的预览 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
1
yuankui 2022-05-06 17:52:50 +08:00
配色可以再调一下~
|
2
oneisall8955 OP @yuankui 用的默认的主题,css 不太懂不会调😂
|
3
wdssmq 2022-05-06 20:05:52 +08:00
RSS 用户表示确实没啥用,(╯▽╰)
以后如果要写比较复杂的脚本可以看下我的分享: 使用 rollup.js 模块化编写 GM 脚本 - V2EX https://www.v2ex.com/t/850945#reply2 |
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 的方案 |
5
oneisall8955 OP @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 的,只好抄了网上的方式 |
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'>,不就行了吗 你这个在前端工程化角度来看还是有很多可以优化的点的呀 |
7
oneisall8955 OP @lisongeee #6 搜嘎,直接插入 head 就行了那就简单点了,不用 GM_addStyle 都行
|
8
lisongeee 2022-05-09 11:44:49 +08:00
@oneisall8955
哈哈,有空可以用用我这个 github.com/lisonge/vite-plugin-monkey/blob/main/README_zh.md 我最近摸🐟太无聊了,想改进一下,奈何没人提 bug 或者意见 |