[CBox] 在任意页面唤醒命令行面板，快速导航/指令/搜索的 Chrome 插件

[jokimina]

平时工作 Chrome 开的标签和窗口很多，但是又不想全部关掉，试了几个标签分组的小插件，感觉不太满意。

我本职是一个小运维，命令行爱好者，但是桌面目前感觉带 ui 用着比较舒服的是 vscode 的命令面板，于是乎上个周末花了点时间调研和学习 Chrome 插件，仿照 vscode 风格做了一个简单的小插件，昨天完善了下功能和文档打算发出来看看。

特点如下:

- 🌐 完全离线，无需互联网连接。
- ⌨️ 可以在任意页面唤醒。
- 🔍 从打开的标签页、书签和浏览历史（最多 7 天和最多 500 个条目）中快速搜索和跳转/打开标签页。
- 🔎 快速搜索并跳转到不同的搜索引擎。
- ⚙️ 轻松执行各种浏览器操作。

目前初始版本调到了我个人用着感觉还可以的程度，不知有没有人也喜欢，喜欢人多可能会长期维护，人少的话，就当自娱自乐了(自己爽的基本目的已达成😄)，欢迎大家发表建议和批评～

<amp-youtube data-videoid="y65XqxX3ov0" layout="responsive" width="480" height="270"></amp-youtube>
文档，下载地址，和演示视频点这里: https://cbox-docs.vercel.app/zh-CN

[codehz]

感觉就是把 arc 浏览器的一个主要功能点实现了（）

[jokimina]

@codehz #1 arc 没用过，感谢提供关键词，我去瞅瞅～

[codehz]

@jokimina 简单说就是 arc 把顶部的地址栏改成了悬浮面板（值得一提的是打开新标签页时，不需要先切换到空白页，再打开网页，这一说是传统地址栏交互逻辑的一大痛点）然后也能在那个面板里进行一些浏览器操作

[jokimina]

@codehz #3 我刚看了下，Arc 确实很不错，感觉就是我想要的效果

[fengfisher3]

厉害厉害。

[paradox8599]

我一直用的 vimium
https://chromewebstore.google.com/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb

[saveai]

看起来像之前看过的一个开源仓库

[zzl22100048]

装上之后网页元素样式被改变了

[jokimina]

@zzl22100048 #8 请问是访问哪个网站的时候发生的变化

[jokimina]

@saveai #7 哈哈 晚点我也开源下，这个核心控件用的是 https://github.com/timc1/kbar

[jokimina]

@paradox8599 #6 这个不错，之前用过 但是跨页面搜索我记得好像不支持，有时候用 web terminal 会冲突就删了

[jokimina]

代码已开源: https://github.com/jokimina/cbox-chrome-extension

[zzl22100048]

@jokimina rustcc.cn

[codehz]

你注入样式的方法不对吧，建议将样式注入到 shadowdom 里，而不是插入全局样式，就基本上不会影响页面了 https://developer.mozilla.org/zh-CN/docs/Web/API/Web_components/Using_shadow_DOM

[jokimina]

@codehz 我是想用 shadow ，但是 kbar 直接去挂到 body 下了😂

之前用的 tailwind css ，后来为了避免冲突我全部用的 style 行内样式。按理说不会冲突了

[zq11211277]

上阮一峰的周刊了

[jokimina]

@saveai 有个朋友指出了像 https://github.com/alyssaxuu/omni , 我看了下确实，早点看到我就不动手撸直接用了 😂 不过顺便学了下 chrome 插件过一个充实的周末也挺不错

[saveai]

@jokimina #17 嗯，是这个，我去翻了下 star ，还有个国内仿这个的也不错，他们没有继续做了，你感兴趣的话可以继续二开。
https://github.com/cteamx/nTools