油猴脚本：帖子预览

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 925 天前的主题，其中的信息可能已经有所发展或是发生改变。

没什么卵用的预览 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

2022-05-06 17:52:50 +08:00

配色可以再调一下~

oneisall8955

2022-05-06 19:52:18 +08:00 via Android

@yuankui 用的默认的主题，css 不太懂不会调😂

wdssmq

2022-05-06 20:05:52 +08:00

RSS 用户表示确实没啥用，(╯▽╰)

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

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

https://www.v2ex.com/t/850945#reply2

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

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

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

2022-05-09 11:33:54 +08:00

@lisongeee #6 搜嘎，直接插入 head 就行了那就简单点了，不用 GM_addStyle 都行

lisongeee

2022-05-09 11:44:49 +08:00

@oneisall8955

哈哈，有空可以用用我这个
github.com/lisonge/vite-plugin-monkey/blob/main/README_zh.md
我最近摸🐟太无聊了，想改进一下，奈何没人提 bug 或者意见