2. V2EX
  3. 😎我把 Chrome 新标签页变成 VS Code —— TabStudio

😎我把 Chrome 新标签页变成 VS Code —— TabStudio

0x097336a2 2026-07-31 13:09 1

项目初衷：
本项目基于身后常有主管经过的同仁害怕摸鱼被发现的痛点开发：在浏览器查资料或看技术文章时，鲜艳的网页排版在 IDE 界面中间显得尤为扎眼。
为了实现“沉浸式摸鱼而不失礼貌”，我开发了 TabStudio —— 一个将 Chrome New Tab 伪装成像素级 VS Code 工作区的浏览器扩展。
摸鱼设计学（核心功能）：



  • **Tab 级网页嵌套 (Embedded Web View)**：告别 Chrome 原生标签页，网页直接作为 IDE 内的文件页签打开，切网页就像切 .js / .py 文件。

  • 第三方网页 Force Dark Mode：针对白底网页提供智能暗色重绘滤镜，确保全局暗色 IDE 视觉色调一致，不会因为突然亮屏引发后方关注。

  • **伪装终端 CLI 交互 (Ctrl + ~)**：支持底部 Terminal 面板上下自由拖拽，支持通过 search <关键词> 指令直接在命令行发起检索。

  • ⌘ + P 键盘流：Command Palette 模糊搜索书签与网页，减少鼠标点击频率，打造“这人在狂敲代码”的假象。

  • Scratchpad 临时代码板：摸鱼途中随手粘贴临时代码段或笔记，支持实时自动保存。
    说明：
    本项目基于 Manifest V3 规范开发，提供 5 套主流 IDE 主题与中英双语，已正式上线 Chrome Web Store 。


🛒 Chrome Web Store 官方下载链接：

https://chromewebstore.google.com/detail/tabstudio-ide-workspace/hlgjebcpmmlffoobkgkjmjghfkdgphng


TabStudio 视觉预览

最新回复 (3)
  • dufu1991 07-31 13:41
    1楼
  • 0x097336a2 楼主 07-31 14:08
    2楼
    @dufu1991 AI 说由于插件刚在 Chrome Web Store 上架，部分开启了“增强型安全浏览”的用户安装时可能会弹窗提示 “不信任此扩展程序”。这是 Chrome 针对新上架插件的例行安全保护提醒
  • maemolee 07-31 23:05
    3楼
    没懂，为什么不是给 VSCode 开发一个文件 tab 页可以访问 URL 的插件，而是把 Chrome 的新 tab 伪装成 VSCode 。。。
* 帖子来源V2EX
附近帖子
返回
飞读
随机推荐