Chrome系列3:Tampermonkey插件能做什么及AI速写
零、Overview
为什么会有这篇文章?
近期在团队内部分享了Chrome的一些使用,发现效果巨好,大家日常70%的使用chrome或者类chrome的产品,需要提效。
我零零总总开发了近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常见场景
本质:外挂式代码执行,可以增加或者篡改原始代码。
骚扰拦截,不让xxx出现。
禁止复制破解,拦截某些动作,让可见内容复制。
视频播放加速、视频内容直接下载,类似b站,抖音视频下载。
内容增强,原本是文本,可以渲染增强为markdown
结果下载增强,页面是表格,添加增强button一键下载。
自动执行,当判断某些内容时,一键读取剪切板,然后执行,举例:豆包页面自动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
功能简述:
目标:
详细操作路径: