系列: 脚本

让脚本来做那些我们不想重复做 n 次的事情。共 6 篇文章

写了一个嵌入式 Mock 工具

JavaScript 脚本工具 Mock Service Worker 前端

Chrome Overrides 用了很久，最后还是写了一个能跟着页面走、能回放请求快照的 Mock 工具。

7 月 15 日，2026 前端约 14 分钟阅读

自定义的显示器休眠模式

一个脚本实现的自定义显示器模式，可快速唤醒显示器和随时使用小爱同学指令。

1 月 27 日，2026 其它约 14 分钟阅读

轻松检查 Typo

JavaScript 工具

在软件开发中，拼写错误不仅影响代码可读性，还可能引发难以察觉的 Bug，使用 CSpell 工具可以高效地检查并修复项目中的拼写错误。

8 月 24 日，2025 前端约 4 分钟阅读

将视频批量转换至 AV1 编码

JavaScript FFmpeg

使用 FFmpeg 转码 AV1 编码的视频，在不降低质量的前提下可以大幅减小视频文件体积。

7 月 26 日，2025 前端约 6 分钟阅读

Swift 脚本获取 EXIF

Swift 脚本可凭借 MacOS 支持最多类型的图片格式的优势来轻松获取 EXIF。

6 月 11 日，2025 前端约 13 分钟阅读

创建一个自定义的下拉菜单

JavaScript 效率

mini 版 1Password。

9 月 26 日，2024 前端约 13 分钟阅读

Lynan

Live Young n Act Now.

66 文章 / 5 分类 / 35 标签 / 2 系列

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .travel-map-loading { display: none !important; } .travel-place-fallback-img { display: block !important; } .travel-place-cover noscript { display: block; width: 100%; height: 100%; } .travel-place-cover noscript img { display: block; width: 100%; height: 100% !important; object-fit: cover; z-index: 1; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .button.rss { margin-right: 0 !important; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } #toc:hover .toc-item-wrap:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-item-link { font-weight: normal; color: #333; } #toc .toc-item-wrap.active .toc-item-link::before { display: none; } #toc .toc-item-wrap.active .toc-item-link:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-sub-item-link:not(.active) { opacity: unset; } #post .post-meta #content-switch { display: none; } #post figure.highlight.folded, #raw-markdown-block figure.highlight.folded { max-height: unset; overflow-y: auto; } #post figure.highlight.folded .fold-toggle, #raw-markdown-block figure.highlight.folded .fold-toggle { display: none; } .image-grid.scroll, .image-grid.slider, .image-grid.switcher { display: flex !important; gap: var(--image-grid-gap) !important; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .image-grid.scroll .grid-item, .image-grid.slider .grid-item, .image-grid.switcher .grid-item { display: block !important; flex: 0 0 min(86%, 760px) !important; width: min(86%, 760px) !important; margin-right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; scroll-snap-align: center !important; transition: none !important; } .image-grid.scroll .grid-item .lazyload-wrap, .image-grid.slider .grid-item .lazyload-wrap, .image-grid.switcher .grid-item .lazyload-wrap { display: none !important; } .image-grid.scroll .grid-item .caption, .image-grid.slider .grid-item .caption, .image-grid.switcher .grid-item .caption, .image-grid.scroll .grid-item .pswp-caption-content, .image-grid.slider .grid-item .pswp-caption-content, .image-grid.switcher .grid-item .pswp-caption-content { display: block !important; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript, .image-grid.slider .grid-item .lazyload-outer-wrap noscript, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript { display: block; } .image-grid.scroll .grid-item .lazyload-outer-wrap noscript img, .image-grid.slider .grid-item .lazyload-outer-wrap noscript img, .image-grid.switcher .grid-item .lazyload-outer-wrap noscript img { display: block; width: 100%; height: auto !important; margin: 0 auto !important; } .image-grid.switcher .image-grid-switcher-controls { display: none !important; }