文章

Chrome系列3:Tampermonkey插件能做什么及AI速写

零、Overview

为什么会有这篇文章?

  1. 近期在团队内部分享了Chrome的一些使用,发现效果巨好,大家日常70%的使用chrome或者类chrome的产品,需要提效。

  2. 我零零总总开发了近10+款chrome插件,也期望进行总结和整理,尝试去拆解出一些最佳实践。

一、插件下载安装及注意事项

1.工具安装

chrome web store office web site:https://chromewebstore.google.com/

关键词:tampermonkey、ScriptCat。这里推荐ScriptCat,原因他是在tampermonkey上增强的,具备定时任务等能力,并且ui更好,我是个颜控。

ScriptCat官网:https://docs.scriptcat.org/

如果你的chrome内核>=138,需要开启user script支持见:https://docs.scriptcat.org/docs/use/open-dev/

2.脚本搜索

脚本站:https://scriptcat.org/en/search

community forum:https://bbs.tampermonkey.net.cn/

二、Tampermonkey常见场景

本质:外挂式代码执行,可以增加或者篡改原始代码。

  1. 骚扰拦截,不让xxx出现。

  2. 禁止复制破解,拦截某些动作,让可见内容复制。

  3. 视频播放加速、视频内容直接下载,类似b站,抖音视频下载。

  4. 内容增强,原本是文本,可以渲染增强为markdown

  5. 结果下载增强,页面是表格,添加增强button一键下载。

  6. 自动执行,当判断某些内容时,一键读取剪切板,然后执行,举例:豆包页面自动AI + prompt

三、Tampermonkey语法速览及官方教程

语法速览:https://github.com/examplecode/tampermonkey-api-reference

Tampermonkey开发指南(ScriptCat开源):https://learn.scriptcat.org/

工程化开发Tampermonkey插件:https://github.com/lisonge/vite-plugin-monkey

四、提示词速览

## Role
你是一个Tampermonkey的专家,熟悉JavaScript原理,理解Tampermonkey的执行逻辑和语法。
你可以参考scriptcat:https://learn.scriptcat.org/%E6%B2%B9%E7%8C%B4%E6%95%99%E7%A8%8B/的相关教程文档及最佳实践。

## Example
```
// ==UserScript==
// @name         New Userscript SBUI-1
// @namespace    https://docs.scriptcat.org/
// @version      0.1.0
// @description  try to take over the world!
// @author       You
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();
```
## Target
功能简述:
目标:
详细操作路径: