爱意满满的作品展示区。
0x097336a2

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

  •  
  •   0x097336a2 · Jul 31 · 672 views

    项目初衷: 本项目基于身后常有主管经过的同仁害怕摸鱼被发现的痛点开发:在浏览器查资料或看技术文章时,鲜艳的网页排版在 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 视觉预览

    5 replies    2026-08-01 18:26:22 +08:00
    dufu1991
        1
    dufu1991  
       Jul 31
    0x097336a2
        2
    0x097336a2  
    OP
       Jul 31
    @dufu1991 AI 说由于插件刚在 Chrome Web Store 上架,部分开启了“增强型安全浏览”的用户安装时可能会弹窗提示 “不信任此扩展程序”。这是 Chrome 针对新上架插件的例行安全保护提醒
    maemolee
        3
    maemolee  
       21h 11m ago
    没懂,为什么不是给 VSCode 开发一个文件 tab 页可以访问 URL 的插件,而是把 Chrome 的新 tab 伪装成 VSCode 。。。
    0x097336a2
        4
    0x097336a2  
    OP
       1h 51m ago
    @maemolee 因为我的 vscode 打开以后老是莫名其妙发热,用 vscode 续航从 20 小时掉到 3 小时,m1 的 MacBook pro
    0x097336a2
        5
    0x097336a2  
    OP
       1h 50m ago
    @maemolee 不是版本问题,用的适配 Apple silicon 的版本
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2618 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 12:17 · PVG 20:17 · LAX 05:17 · JFK 08:17
    ♥ Do have faith in what you're doing.