@Cagliostro 不好意思，没懂，你说的图片是 markdown 的语法的那个吗？


```txt
这样算吗
```

`还是哪种？`

https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#QENhZ2xpb3N0cm8g5LiN5aW95oSP5oCd77yM5rKh5oeC77yM5L2g6K+055qE5Zu+54mH5pivbWFya2Rvd27nmoTor63ms5XnmoTpgqPkuKrlkJfvvJ8KCiFbaW1nXShodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vbGlzb25nZS9zcmMvbWFpbi9zdmcvdGFtcGVybW9ua2V5LnN2ZykKCmBgYHR4dArov5nmoLfnrpflkJcKYGBgCgpg6L+Y5piv5ZOq56eN77yfYA==

测试艾特别人
@lisongeee

```html
<script> console.log('hello world') </script>
```
https://i.songe.li/1x1.png#5rWL6K+V6Im+54m55Yir5Lq6CkBsaXNvbmdlZWUgCgpgYGBodG1sCjxzY3JpcHQ+IGNvbnNvbGUubG9nKCdoZWxsbyB3b3JsZCcpIDwvc2NyaXB0PgpgYGA=

```ts
export const throttle = <T extends (...args: any[]) => Promise<void>>(
fn: T
) => {
let isRunning = false;
return (async (...args: any[]) => {
if (isRunning) {
return;
}
isRunning = true;
await fn(...args).catch((e) => {
isRunning = false;
throw e;
});
isRunning = false;
}) as T;
};

export const delay = async (n = 0) => {
await new Promise((res) => {
setTimeout(res, n);
});
};

```
https://i.songe.li/1x1.png#YGBgdHMKZXhwb3J0IGNvbnN0IHRocm90dGxlID0gPFQgZXh0ZW5kcyAoLi4uYXJnczogYW55W10pID0+IFByb21pc2U8dm9pZD4+KAogIGZuOiBUCikgPT4gewogIGxldCBpc1J1bm5pbmcgPSBmYWxzZTsKICByZXR1cm4gKGFzeW5jICguLi5hcmdzOiBhbnlbXSkgPT4gewogICAgaWYgKGlzUnVubmluZykgewogICAgICByZXR1cm47CiAgICB9CiAgICBpc1J1bm5pbmcgPSB0cnVlOwogICAgYXdhaXQgZm4oLi4uYXJncykuY2F0Y2goKGUpID0+IHsKICAgICAgaXNSdW5uaW5nID0gZmFsc2U7CiAgICAgIHRocm93IGU7CiAgICB9KTsKICAgIGlzUnVubmluZyA9IGZhbHNlOwogIH0pIGFzIFQ7Cn07CgpleHBvcnQgY29uc3QgZGVsYXkgPSBhc3luYyAobiA9IDApID0+IHsKICBhd2FpdCBuZXcgUHJvbWlzZSgocmVzKSA9PiB7CiAgICBzZXRUaW1lb3V0KHJlcywgbik7CiAgfSk7Cn07CgpgYGA=

# 标题 1
<script>
console.log('hello world')
</script>
https://i.songe.li/1x1.png#IyDmoIfpopgxCjxzY3JpcHQ+CiAgY29uc29sZS5sb2coJ2hlbGxvIHdvcmxkJykKPC9zY3JpcHQ+

# vite-plugin-monkey

<p>
<a href="https://www.npmjs.com/package/vite-plugin-monkey"><img src="https://img.shields.io/npm/v/vite-plugin-monkey.svg" alt="npm package"></a>
<a href="https://github.com/lisonge/vite-plugin-monkey/releases/"><img src="https://img.shields.io/node/v/vite-plugin-monkey.svg" alt="node compatibility"></a>
</p>

[README](README.md) | [中文文档](README_zh.md)

vite plugin server and build \*.user.js for [Tampermonkey]( https://www.tampermonkey.net/) and [Violentmonkey]( https://violentmonkey.github.io/) and [Greasemonkey]( https://www.greasespot.net/)

## feature

- support Tampermonkey and Violentmonkey and Greasemonkey
- inject userscript comment to build bundle
- auto open \*.user.js in default browser when userscript change
- external cdn url inject to userscript @require
- use GM_api by ESM import with type hints
- when vite preview, auto open browser install dist.user.js
- full typescript support and vite feature


https://i.songe.li/1x1.png#IyB2aXRlLXBsdWdpbi1tb25rZXkKCjxwPgogIDxhIGhyZWY9Imh0dHBzOi8vd3d3Lm5wbWpzLmNvbS9wYWNrYWdlL3ZpdGUtcGx1Z2luLW1vbmtleSI+PGltZyBzcmM9Imh0dHBzOi8vaW1nLnNoaWVsZHMuaW8vbnBtL3Yvdml0ZS1wbHVnaW4tbW9ua2V5LnN2ZyIgYWx0PSJucG0gcGFja2FnZSI+PC9hPgogIDxhIGhyZWY9Imh0dHBzOi8vZ2l0aHViLmNvbS9saXNvbmdlL3ZpdGUtcGx1Z2luLW1vbmtleS9yZWxlYXNlcy8iPjxpbWcgc3JjPSJodHRwczovL2ltZy5zaGllbGRzLmlvL25vZGUvdi92aXRlLXBsdWdpbi1tb25rZXkuc3ZnIiBhbHQ9Im5vZGUgY29tcGF0aWJpbGl0eSI+PC9hPgo8L3A+CgpbUkVBRE1FXShSRUFETUUubWQpIHwgW+S4reaWh+aWh+aho10oUkVBRE1FX3poLm1kKQoKdml0ZSBwbHVnaW4gc2VydmVyIGFuZCBidWlsZCBcKi51c2VyLmpzIGZvciBbVGFtcGVybW9ua2V5XShodHRwczovL3d3dy50YW1wZXJtb25rZXkubmV0LykgYW5kIFtWaW9sZW50bW9ua2V5XShodHRwczovL3Zpb2xlbnRtb25rZXkuZ2l0aHViLmlvLykgYW5kIFtHcmVhc2Vtb25rZXldKGh0dHBzOi8vd3d3LmdyZWFzZXNwb3QubmV0LykKCiMjIGZlYXR1cmUKCi0gc3VwcG9ydCBUYW1wZXJtb25rZXkgYW5kIFZpb2xlbnRtb25rZXkgYW5kIEdyZWFzZW1vbmtleQotIGluamVjdCB1c2Vyc2NyaXB0IGNvbW1lbnQgdG8gYnVpbGQgYnVuZGxlCi0gYXV0byBvcGVuIFwqLnVzZXIuanMgaW4gZGVmYXVsdCBicm93c2VyIHdoZW4gdXNlcnNjcmlwdCBjaGFuZ2UKLSBleHRlcm5hbCBjZG4gdXJsIGluamVjdCB0byB1c2Vyc2NyaXB0IEByZXF1aXJlCi0gdXNlIEdNX2FwaSBieSBFU00gaW1wb3J0IHdpdGggdHlwZSBoaW50cwotIHdoZW4gdml0ZSBwcmV2aWV3LCBhdXRvIG9wZW4gYnJvd3NlciBpbnN0YWxsIGRpc3QudXNlci5qcwotIGZ1bGwgdHlwZXNjcmlwdCBzdXBwb3J0IGFuZCB2aXRlIGZlYXR1cmU=

# H1
## H2
```jsx
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
const d = (<div>hello</div>)
```
https://i.songe.li/1x1.png#IyBIMQojIyBIMgpgYGBqc3gKdmFyIGZvbyA9IGZ1bmN0aW9uIChiYXIpIHsKICAgIHJldHVybiBiYXIrKzsKfTsKY29uc29sZS5sb2coZm9vKDUpKTsKY29uc3QgZCA9ICg8ZGl2PmhlbGxvPC9kaXY+KQpgYGA=

# H1
## H2
```jsx
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
const d = (<div>hello</div>)
```

https://i.songe.li/1x1.png#IyBIMQojIyBIMgpgYGBqc3gKdmFyIGZvbyA9IGZ1bmN0aW9uIChiYXIpIHsKcmV0dXJuIGJhcisrOwp9Owpjb25zb2xlLmxvZyhmb28oNSkpOwpjb25zdCBkID0gKDxkaXY+aGVsbG88L2Rpdj4pCmBgYA==

测试

https://github.com/lisonge/src/raw/main/img/Snipaste_2022-08-18_11-43-07.png?k=v#hash

测试
https://github.com/lisonge/src/raw/main/img/Snipaste_2022-08-18_11-43-07.png?k

测试
https://github.com/lisonge/src/raw/main/img/Snipaste_2022-08-18_11-43-07.png

一个可能可行的解法是 Service Worker ，它独立于 标签页 存在，你可以在每个标签页 onunload 的时候给 Service Worker postMessage ，然后 Service Worker 去调用 await clients.matchAll() ，如果得到的列表长度是 0 ，就 doYourWork
有一个问题，文档里没有说明 Service Worker 何时被停止，而且我懒得测试，你可以自己试试

你这个代码根本不管用啊，sessionStorage 各个标签页是完全独立的
测试如下代码
```js
sessionStorage.setItem('reloaded', 'yes');
window.onunload = function(e) {
if (sessionStorage.getItem('reloaded') == null) {
fetch("http://127.0.0.1:8080/on", {
method: "GET",
keepalive: true
});
} else {
fetch("http://127.0.0.1:8080/off", {
method: "GET",
keepalive: true
});
}
};
```
只打开一个标签页然后关闭，结果如下

<运行 dev 环境也需要 3 分钟，搞不懂是什么问题！>
可能是你自定义了 UI 库的主题而且用是 sass 一类的变量，导致每次启动都要编译 ui 库的样式
如果你的样式是固定的，你可以设置缓存这个样式文件

有没有坤坤打篮球的动作？

#11 可以优化一下，把 try/catch 去掉

```js
let controller = new AbortController();
setTimeout(() => {
controller.abort();
}, 6000);

let isOk = await fetch("https://baidu.com/", {
mode: "no-cors",
signal: controller.signal
}).catch(()=>false);
```

楼主的问题也可以是 java 为什么要写 99% 都用不到的 额外的 空的 一堆什么也不干的 setter/getter

更新：现在支持使用 esm 使用 GM_api