百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Chrome秒变AI助手,浏览器迎来新革命

itomcoil 2025-09-01 04:12 5 浏览

只需一个插件,你的Chrome浏览器就能听懂人话、自动截图、分析网页、管理书签,甚至帮你画画!今天,我们就来实测这个刚开源的「Chrome MCP Server」。

1. 什么是Chrome MCP Server?

一句话总结:给Chrome装上“大脑”,让AI直接操作你的浏览器。

  • 不用单独启动浏览器,直接复用你已经登录好的Chrome。
  • 不用写代码,直接说话就能让它帮你点按钮、填表单、截网页。
  • 本地运行,隐私数据不出电脑。

对比维度

Chrome MCP Server

Playwright等方案

是否复用已有浏览器

直接复用

需另开

是否保留登录态

保留

需重登

启动速度

插件秒开

需启动进程

网络请求抓取

Chrome原生API

Playwright受限


核心特性

  • chatbot/模型无关:让任意你喜欢的llm或chatbot客户端或agent来自动化操作你的浏览器
  • 使用你原本的浏览器:无缝集成用户本身的浏览器环境(你的配置、登录态等)
  • 完全本地运行:纯本地运行的mcp server,保证用户隐私
  • Streamable http:Streamable http的连接方式
  • 跨标签页 跨标签页的上下文
  • 语义搜索:内置向量数据库和本地小模型,智能发现浏览器标签页内容
  • 智能内容分析:AI 驱动的文本提取和相似度匹配
  • 20+ 工具:支持截图、网络监控、交互操作、书签管理、浏览历史等20多种工具
  • SIMD 加速 AI:自定义 WebAssembly SIMD 优化,向量运算速度提升 4-8 倍

2. 30秒极速上手

2.1 准备环境

  • Node.js ≥ 18.19
  • Chrome浏览器

2.2 三步安装

  1. 从github上下载最新的chrome扩展

下载地址:
https://github.com/hangwin/mcp-chrome/releases

  1. 全局安装mcp-chrome-bridge

npm

npm install -g mcp-chrome-bridge

pnpm

# 方法1:全局启用脚本(推荐)
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge

# 方法2:如果 postinstall 没有运行,手动注册
pnpm install -g mcp-chrome-bridge
mcp-chrome-bridge register

注意:pnpm v7+ 默认禁用 postinstall 脚本以提高安全性。enable-pre-post-scripts 设置控制是否运行 pre/post 安装脚本。如果自动注册失败,请使用上述手动注册命令。

  1. 加载 Chrome 扩展

打开 Chrome 并访问 chrome://extensions/

启用"开发者模式"

点击"加载已解压的扩展程序",选择
your/dowloaded/extension/folder

点击插件图标打开插件,点击连接即可看到mcp的配置

2.3 接入AI客户端

以CherryStudio为例,把下面配置粘进去即可:

{
  "mcpServers": {
    "chrome-mcp-server": {
      "type": "streamableHttp",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

3. 实测8大高能场景

场景

指令一句话

效果

网页总结+画图

“总结当前页面,并用Excalidraw画脑图”

AI先读网页,再自动生成流程图

图片模仿

“把网页里的示意图用Excalidraw复刻”

识别元素→列出步骤→自动绘制

去广告

“把当前页面的广告全去掉”

注入脚本,一键净化样式

抓接口

“我想看小红书搜索接口返回啥”

直接捕获请求+响应体

浏览记录分析

“总结我近一个月都看了啥”

时间过滤+关键词统计

网页翻译

“翻译并总结这篇英文报道”

中英对照+要点提炼

一键截图

“把HuggingFace首页截全屏”

整页、可视区域、指定元素随便截

书签管理

“把当前页面加到AI文件夹”

自动找合适目录,一键收纳


4. 20+工具全景图

  • 浏览器管理:列标签、关窗口、前进后退、注入脚本
  • 截图:整页、元素、自定义尺寸
  • 网络监控:抓包、调试、自定义请求
  • 内容分析:语义搜索、元素提取、控制台输出
  • 交互操作:点击、填表、快捷键
  • 数据管理:历史搜索、书签增删查

5. 未来路线图

  • 身份认证
  • 录制与回放
  • 工作流自动化
  • Firefox版本

6. 立即体验

  • GitHub开源:https://github.com/hangwin/mcp-chrome

相关推荐

NAS下搭建FastGpt,一个基于 LLM 大语言模型的知识库问答系统

本内容来源于@什么值得买APP,观点仅代表作者本人|作者:熊猫不是猫QAQ前言FastGPT是一个基于LLM大语言模型的知识库问答系统,提供开箱即用的数据处理、模型调用等能力。同时可以通过Flow可...

MongoDB入门实操《二》_mongodb从入门到商业实战

常规命令使用首先我们来了解几个概念,虽然MongoDB入门实操《上篇》这篇文章已经提到过,这里再次加深印象:集合:Mongo中的集合就是mysql的表的表现形式文档:文档的数据结构和JSON基本...

Go语言零到一:数据库交互_go语言数据库连接池

引言Go语言的database/sql包为开发者提供了一个抽象层,使得与MySQL数据库的交互变得更加容易。1.安装MySQL驱动为了能够与MySQL数据库通信,我们需要安装go...

Java中使用MongoDB数据库_java操作mongo

一、Java实现对MongDB的操作1、前提条件除了通过启动mongo进程进如Shell环境访问数据库外,MongoDB还提供了其他基于编程语言的访问数据库方法。MongoDB官方提...

Spring Boot 集成 MongoDB:从入门到生产实践

1、MongoDB简介MongoDB是一个开源的、面向文档的NoSQL数据库,旨在提供高性能、高可用性和易扩展性。它与传统的关系型数据库(如MySQL)有着根本性的区别。面向文档(Docum...

发现一个不错的库推荐给大家:DuckDB + Python + Pandas 量化研究利器

大家好,我是花姐。最近折腾数据处理的时候,发现了一个宝藏库——DuckDB,配合Python和Pandas简直不要太香!今天我就聊聊它到底有多好用,特别适合我们搞量化研究的同学。1.Duck...

SpringBoot 自研「轻量级 API 防火墙」:单机内嵌,支持在线配置

1.背景与痛点在做后端开发时,我们常常会遇到这样的困境:接口被恶意刷流量:比如某个查询接口被短时间大量调用,数据库连接数打满,最终拖垮整个服务。缺少细粒度防护能力:很多系统只有粗糙的全局限流,但某些...

福建新画卷,把福建成绩“画”给你看

·x-_p-_o-[U2FsdGVkX1/DHR1fwp5qMkbHvRjusk9BgvDHM/8zbH+7Z+bZnW0jD3Vk67FnKGbJHp2L4vKFqg7ryQ7Zadr0+p+82E...

[续]江西话汉语赣方言之叠词_江西话什么意思

一、赣语耒阳话每次去湖南耒阳,老俵听到我是江西人,都分外亲切:“我们祖上是从江西迁过来的!”在得知明朝初年湖广因战乱赤地千里,耒阳人祖上大都从江西永新迁来后,我就特别留意耒阳方言:耒阳话不仅保留了老...

SpringBoot 在线依赖包漏洞扫描仪,一键发现潜在安全漏洞

在日常项目开发中,依赖第三方库几乎是不可避免的。从spring-boot-starter到MyBatis、Log4j,再到各种工具类库,几乎每个应用都需要几十甚至上百个依赖。然而,这些依赖并非完...

一文学会Python的变量命名规则!_简述python变量命名规则

目录1.变量的命名原则3.内置函数尽量不要做变量4.删除变量和垃圾回收机制5.结语1.变量的命名原则①由英文字母、_(下划线)、或中文开头②变量名称只能由英文字母、数字、下画线或中文字所组成。③英文字...

Python中8种Functools使用方法_python functools.partial

在本文中,我们来看看functools标准库模块以及您可以用它做的6件很酷的事情1.缓存可以使用@cache装饰器(以前称为@lru_cache)作为“简单的轻量级无界函数缓存”。典型的例子是...

每天5分钟,python 速成(59)_python速成视频教程

首先明确学习目标,今天的目标是python中模块学习模块模块就好比是工具包,要想使用这个工具包中的工具(就好比函数),就需要导入这个模块importrandomimportmath#数学相...

珍藏版-11款爱心的免费公布的数学方程式和可视化-python版

一,图:1直角坐标系(9款):2追加一款:直角坐标系:3极坐标系(1款):二,爱心的数学方程式:1直角坐标系:1.1方程式1:Love-1进行转换:python代码中需要进行修改为:x=...

12种不同方法教你用Python性能优化!(建议收藏)

前言:今天为大家带来的内容是12种不同方法教你用Python性能优化!希望通过本文的内容能够帮助到各位!(代码块是用图片的方式呈现出来)1.减少冗余数据如用上三角或下三角的方式去保存一个大的对称矩阵。...