"改变交互认知" 的 Arc 浏览器深度体验，适合程序猿吗？

UP主: CodecWang · 时长: 15:17 · 🔗 B站原视频

标签: Arc浏览器 · 效率工具 · 程序员 · 浏览器推荐 · 生产力工具

前言与背景

大家好，Arc 浏览器算是最近炒得比较火热的一个浏览器。很多文章和视频都会以“改变了我的工作方式”、“改变了浏览器的交互形式”等等为标题。之前我也申请到了 Arc 的权限，最近也一直当做主力浏览器来进行日常的浏览，还有前端的开发和调试工作。所以下面就来分享一下我的深度体验，也会回答一些大家比较关心的问题，比如它和 Chrome 还有 Edge 浏览器的对比，它是不是适合程序员，优缺点都会讲到。

首先安装方面，目前 Arc 浏览器只支持 iOS 和 macOS 系统。大家可以去官网上填写自己的邮箱，加入 waitlist 等待申请通过就可以了。当然也可以通过邀请链接的方式来获取权限，每个已经有 Arc 权限的人有5个赠送名额。我这边还有一些名额，大家如果需要可以 Email 给我。

整体界面与空间管理

下面来看一下它的整体界面和交互。Arc 是一个典型的使用了垂直标签页的浏览器，它的右侧全部都为内容区域，浏览器其它所有的元素都放在了左侧。从上到下依次是地址栏、收藏，下面是固定的一些页签，再下面是你日常浏览的一些页签，底下可以理解成一些快捷操作，比如媒体中心、快速切换空间、快速新建的一些指令等等。

这里我们需要理解 Arc 的一些概念，当然这些概念或多或少大家在其它浏览器中都见过，比如垂直标签页、标签页分组分栏等等，大家在 Edge 浏览器或者 Firefox 里面都见过。说到这里，我今天更新 Windows Edge 的时候发现，Edge 的网页竟然也变成了这种圆角矩形。

第一个概念就是 Arc 页签的管理，核心就是空间。像我这里创建了三个空间，依次是开发用的、日常浏览用的，还有日常做一些设计用的。当我在空间切换的时候，大家发现 pinned tabs 和 today tabs 都会随着工作空间而进行切换。滑动到最左侧，就可以看到所有的工作空间。每个工作空间都有丰富的自定义功能，你可以自定义它的图标、名称、颜色主题等等，颜色主题也是支持渐变切换的，还有深色模式和浅色模式。

独立数据空间 (Profile)

Arc 浏览器有个很实用的功能叫 Profile。我现在可以给空间指定一个 Profile。Profile 大家可以理解成一个独立的空间，这个空间里面的历史记录、保存的密码信息，还有安装的一些浏览器插件等等，这些数据都跟其它的空间是隔离开的。大家如果用过 VSCode Profile，就会知道这是一个很实用的功能。当然看应用场景，大家如果经常在工作数据和个人数据之间进行切换，就比较实用了。

快捷键与收藏功能

另外，Arc 浏览器对快捷键的支持是比较友好的，它会经常将快捷键直接或间接地放在你操作的旁边。

下面来看一下收藏。Arc 浏览器的收藏不太像传统浏览器的收藏，它更像是把几个非常常用的网站固定在这个地方。因为如果收藏，地方就会很多很多。这里我就固定了常用的 Google、ChatGPT、YouTube 这些。我也建议大家不要超过两行，这样会显得很拥挤。Arc 对拖拽也是支持比较好的，你可以随时将一个普通的页签转换成一个收藏，直接拖拽一下就可以了。

标签页管理机制

下面说一下标签。标签会分两个，一个是固定的标签，一个是日常浏览的标签，标签是会随着空间的变动而变动的。固定的标签就有点像我们传统浏览器的收藏了，你可以创建文件夹或者子文件夹去管理它，它也不会被 Arc 清除掉。

today tabs 如果你一段时间没有活动，Arc 浏览器默认会每隔12个小时清除一次。清除掉的，你可以在 Archived tabs 里面去找到它，它就有点像我们传统浏览器的历史记录。同样每个页签你是可以有很多自定义选项的，你可以给它更改名称、改变 icon 等等。

这里有个有意思的功能，目录在正常情况下去按下右键，它是 copy 所有的链接，但是当我按下 option 的时候，它就会变成 Markdown 格式的链接，非常有意思。当然同样你可以随意在这些 pinned tabs 或 today tabs 里面进行拖动。

网页预览功能 (Little Arc)

Little Arc 是我用得比较舒服的一个功能。大家如果用过 macOS 的按空格预览应该就知道，很多时候我们对别人发过来的文件或者电脑上的文件，并不是想直接打开它，而是想预览它，看下它是长什么样子的。同样对于网页链接也是一样，我并不是很想让它成为一个浏览器的 tab，因为打开它就意味着我需要去手动关闭它，相信大家都有过浏览器开很多很多标签的痛苦。

Little Arc 就是提供了一个预览功能。我现在随便点开一个链接，它不会在我的主浏览器里面去打开，而是会打开一个迷你的预览窗口，让你预览一下它的内容。如果你想真的打开它，可以在这里直接打开，或者切换空间，在你想要的空间里面去打开，比如我在 create 里面去打开。另外对于你固定的页签或者收藏里面的网页内容，它也是默认以预览的形式去打开的。我在 Google 上随便搜索一个内容，它并不会去打开一个页签，而是以预览的形式，你随时可以关掉，或者把它扩展成为一个页签。这对于我来说真的是我非常喜欢的一个功能。

控制中心与快捷指令 (Command Bar)

说一下控制中心。当你点击地址栏或者按下 command+t 的时候，它就会打开 command bar。在这里你可以直接搜索内容、输入网址、调用一些常见的指令等等，非常强大。

我举几个比较常用的例子，最常用的就是直接输入网址，比如 ithome.com，或者直接在里面搜索内容，比如 IT之家。你还可以触发一些 Arc 集成的指令，比如输入 new，就可以直接创建一个新的笔记，或者创建一个新的 Figma 文件等等。还有一个我用得比较多的场景，就是在特定的搜索引擎下去搜索内容。你想在百度下面去搜索，输入 baidu，按下 tab 键，就可以在百度上面去搜索了。

当然你也可以自定义一些搜索引擎，毕竟它是基于 Chromium 的。像我自定义的 gt 就是 GitHub，npm 就是在 npm 里面搜索一些包等等。大家如果想要自定义，可以打开 Arc 的设置，点到 search settings，在这里大家就可以配置自己的搜索引擎了，方法也比较简单。

内置应用与网页自定义 (Boost)

下面来看一下 Arc 自带的一些辅助或应用能力。当你点击加号的时候，它会有笔记和白板。说句实话，我个人比较反感在浏览器里面加入这些花里胡哨的能力。而且最关键的是，Arc 的白板还有笔记并不是一个通用的 service，而是只能在 Arc 里面使用。它虽然也有协同能力，但也需要协同的那个人具备 Arc 浏览器，这就大大限制了它的应用场景。所以我个人是没怎么使用的，大家如果感兴趣可以自行去研究一下。

这里有一个比较实用的，相当于是官方的油猴脚本，就是 Boost。当你点击 Boost 的时候，它可以去编写一些 CSS 代码或者 JavaScript 代码，来改变当前网页的样式和行为。官方也提供了脚本库，叫 arcboosts.com，大家可以在上面找到想要的脚本，按照提示去操作就可以了。比如这里我使用了一个 YouTube 的主题，这样 YouTube 的整个主题颜色会随着我空间颜色的变化而变化。比如这里我把它切成 dark mode，它估计只能识别基础的颜色。总之大家如果用过油猴脚本，应该对它比较熟悉。

截图功能

说一下它的截图功能。因为我个人偏向于系统的截图工具，一般不会用浏览器的截图，不过它截图还是挺有特色的。一般你可以通过点击截图按钮直接去截图，它有个快捷的方式，就是在任何时候只要按下 command + shift 拖动就可以进行截图。

网页分栏功能

下面来看一下 Arc 另外一个很特色并且也很实用的功能，就是分栏。Edge 在前不久的更新里面也加入了分栏，但是 Arc 会更加强大，也更加实用一点。

现在我已经打开 Bing 的首页，如果我想同时对比一下百度或者 Google 的搜索结果，就可以启用分栏。启用分栏方式有很多种，第一种方式，你可以把鼠标放到三个点的地方，它可以创建左右分栏，也可以创建上下分栏。一般我们创建左右分栏，所以我点击一下，打开百度。

还有种分栏方式更加符合我们的直观操作，就是直接拖拽。我把 Google 拖拽到中间，Arc 最多支持4个分栏，我不太确定是不是跟我的屏幕大小有关。大家现在看上去有点拥挤，我放大的话大家就看起来比较舒服了。每个分栏你是可以通过中间的滑动条来左右调整大小，你也可以把鼠标放到这个地方新加一个分栏，或者将它直接弹出来。当然这个指令你也可以通过前面讲的 command + t 打开控制中心，搜索 split 就可以直接创建分栏或者移除分栏等等。我现在把它恢复过来。

Arc 还有个非常实用的功能，就是你可以把分组直接保存起来。百度实在太难看了广告太多，把它关掉。我把它直接存储到固定页签里面，或者直接拖拽到最常用的里面都是可以的。你甚至可以给它重新换一个名称，比如 search engine，甚至可以直接换一个 icon。所以它是比较实用、比较强大的。

程序员体验：插件与开发者工具

以上就是 Arc 整体的 UI 设计和 UX 交互。那么它适不适合程序员呢？我们先抛开 Arc 的垂直标签页还有整个比较 fancy 的 UI 设计，单从功能上来看，开发人员比较关心的有两个点：第一点是它是不是可以用丰富的插件，第二点是它是不是有好用的开发调试工具。

前面提到过 Arc 是基于 Chromium 的，所以它的插件是通用的。我们可以把鼠标放在这三个点上，点击插件图标就可以看到已经安装的插件，可以直接点击添加插件。它跳到的就是 Chrome 的 web store，所以大部分插件都是能用的。但是也有特殊情况，那天我在 ChatGPT 的网站上添加了一个语音插件，因为那个插件会检测你当前是不是 Chrome 浏览器，所以它就用不了，但大部分是通用的。

第二点就是有没有好用的开发调试工具。这里我启动了我的博客服务，在 Arc 浏览器里面有个比较好的点，就是它会在你调试的页面上方显示一个调试的 bar。这个 bar 会显示当前调试的 URL，它有快捷打开 console、快捷打开 network 这些指令。我现在打开 console 就比较方便。它的调试工具也是 Chrome 的，没什么差别。所以单从功能层面来看，它的插件还有开发者工具跟我们平常使用的 Chrome 和 Edge 是没有任何差别的。

争议点总结与评价

总结一下 Arc 浏览器最受争议的几个点。

第一个就是它默认是垂直标签，并且没有办法更改成水平标签。垂直标签的缺点显而易见，在笔记本上，侧边栏会占用非常大的空间，导致整个内容显得很局促。虽然 Arc 浏览器的垂直标签页是可以隐藏的，但是它就全部隐藏掉了，真的隐藏掉了。不像 Edge 浏览器，Edge 浏览器在左侧虽然隐藏了，但会显示一个标签页的图标，相对来说会好一点。而且最关键的问题是，大部分人并不太习惯这种垂直标签页。

第二个争议的点就是，这些比较 fancy 的功能是不是占用的资源比较高，导致功耗比较大？这点我做了一个简单的测试，我在 Arc 浏览器和 Edge 浏览器中同时打开了十几个标签页，测试了一下整体的 CPU 占用和内存占用。这里仅供参考，结论就是 Arc 和 Edge 差不多，因为 Edge 本身也是基于 Chromium 的封装。不过 Arc 在一些操作动画的时候，尤其是进行一些交互的时候，确实会比 Edge 的 CPU 占用高出 2% 左右。我个人觉得差不多，大家如果能找到比较严谨的 Benchmark，也欢迎分享出来。

第三个有争议的点就是它的 UI 设计和 UX 交互。很多人会用“花里胡哨”来形容，但是对于我个人而言，它的 UI 和 UX 都是比较舒服、自然、流畅的。在我过去一个月的使用时间中，它并没有出现卡顿或者掉帧的情况。并且它还有很多我非常喜欢的功能，像分屏、Little Arc，这些都是让我眼前一亮的功能，我用着也很舒服。

所以总结来看，如果你可以适应垂直标签页，那么 Arc 浏览器真的是一个值得尝试的浏览器。并且我认为最关键的一点就是，现在市面上需要有这样一个特立独行或者说很有特色的软件产品，当然前提是不要营销过度。