油猴脚本：帖子预览

[oneisall8955]

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

[yuankui]

配色可以再调一下~

[oneisall8955]

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

[wdssmq]

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

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

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

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

[lisongeee]

写比较复杂的脚本应该用这个

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

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

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

友好的利用 @require 配置库的 cdn 的方案

[oneisall8955]

@lisongeee #4

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

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

不是我不想，@require 后页面报错了：
https://cdn.jsdelivr.net/npm/opentip@2.4.3/downloads/opentip-jquery.min.js 这个 js 可能有问题，格式什么的吧

- css 样式引入为什么通过 GM_addStyle(xxx) 引入
Google 没找到怎么做到类似 @require 这种形式插入 css 的，只好抄了网上的方式

[lisongeee]

@oneisall8955

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

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

还有我看你这个 https://cdn.jsdelivr.net/npm/opentip@2.4.3/css/opentip.css 为什么要用 xhr 请求后再用 appendCss2Header 呢？

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

你这个在前端工程化角度来看还是有很多可以优化的点的呀

[oneisall8955]

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

[lisongeee]

@oneisall8955

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