通俗版 Claude Code 文档

结构照原 docs,内容改成真能照着做的人话版。

查看原始文档 目录顺序与官方保持一致

平台和集成

Chrome 扩展

Chrome 扩展 这一页讲的,就是 Chrome 扩展 这件事在 Claude Code 里到底怎么用。

页面信息

对应原页

Chrome 扩展

页面性质

第三方中文解释页

使用建议

先看人话解释,再对照原页命令和代码

这页不是官方原文,而是顺着官方文档结构做的中文解释版。命令、参数、配置名这些硬东西尽量保留,解释部分则尽量讲成人能照着做的话。

如果你碰到特别敏感的配置、权限或企业环境差异,最好顺手点上面的“查看原始文档”再核一遍。

这一页先讲明白

Chrome 扩展适合调试和理解网页相关问题。

它能让 Claude 更直接地接触浏览器页面现场。

很多网页问题,不在代码文件里一眼能看见,而在“页面跑起来后到底长成啥样”。

扩展的作用,就是让帮工能去现场看,不只靠你口述。

前端页面异常、交互不对、页面状态问题,这类场景最适合先接浏览器能力。

要注意只在必要时开这条路,避免带来不必要的复杂度。

预留广告位

正文中段响应式广告 等你后面真接 AdSense,这里再放正式广告。

Documentation Index

这里不是让你背"Documentation Index"这个词,而是让你看它真干活时怎么使。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

Capabilities

这里不是让你背"Capabilities"这个词,而是让你看它真干活时怎么使。

这里还牵扯作用域,意思就是这条规则到底管当前项目、你个人,还是只管这一趟会话。

Prerequisites

这一块主要是在说"Prerequisites"真到手上该怎么用,哪里最容易踩坑。

Get started in the CLI

看到这里,就把"Get started in the CLI"当成一件真要上手的活来看。

这里还牵扯作用域,意思就是这条规则到底管当前项目、你个人,还是只管这一趟会话。

终端里敲

Get started in the CLI 1

这一段不是只让你理解意思,下面这条命令就是现在要跑的。

claude --chrome
终端里敲

Get started in the CLI 2

这一段不是只让你理解意思,下面这条命令就是现在要跑的。

Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear

Enable Chrome by default

这里讲怎么把某个开关拧对。重点不是概念,而是你该在哪儿改、改完怎么确认生效。

这里还牵扯作用域,意思就是这条规则到底管当前项目、你个人,还是只管这一趟会话。

Manage site permissions

看到这类标题,就把它当成日常管摊子的规矩。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

Example workflows

这一段主要是拿例子给你看路数,不是让你一字不差照搬。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

Test a local web application

这一段更像在讲判断条件,什么时候该上,什么时候先别急。把触发条件看清,比背标题更重要。

终端里敲

Test a local web application

真到动手的时候了,下面这条直接敲一遍,看它回什么。

I just updated the login form validation. Can you open localhost:3000,
try submitting the form with invalid data, and check if the error
messages appear correctly?

Debug with console logs

遇到这种内容,别急着大拆大改,先按它给的路子把问题缩小。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

关键片段

Debug with console logs

先看下面这块原始片段,等会儿再回头看解释会顺得多。

Open the dashboard page and check the console for any errors when
the page loads.

Automate form filling

这一块主要是在说"Automate form filling"真到手上该怎么用,哪里最容易踩坑。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

终端里敲

Automate form filling

看到这里,别光点头,下面这条命令先跑起来再说。

I have a spreadsheet of customer contacts in contacts.csv. For each row,
go to the CRM at crm.example.com, click "Add Contact", and fill in the
name, email, and phone fields.

Draft content in Google Docs

这一段是在说怎么用 Claude 去做 write directly in your documents without API setup:。看这种内容,光知道名字没用,还是得落到手上。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

关键片段

Draft content in Google Docs

"Draft content in Google Docs"这一段里最要紧的原始写法在下面,先看它怎么落地。

Draft a project update based on the recent commits and add it to my
Google Doc at docs.google.com/document/d/abc123

Extract data from web pages

看到这里,就把"Extract data from web pages"当成一件真要上手的活来看。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

关键片段

Extract data from web pages

先看下面这块原始片段,等会儿再回头看解释会顺得多。

Go to the product listings page and extract the name, price, and
availability for each item. Save the results as a CSV file.

Run multi-site workflows

这一段主要是在把"Run multi-site workflows"讲实,不是只摆个标题给你看。

关键片段

Run multi-site workflows

这一段要真抓重点,通常就抓下面这块原文。

Check my calendar for meetings tomorrow, then for each meeting with
an external attendee, look up their company website and add a note
about what they do.

Record a demo GIF

这一段是在教你把 shareable recordings of browser interactions: 真正建出来。文件放哪儿、字段怎么写、建完怎么验,都得跟着看。

关键片段

Record a demo GIF

先看下面这块原始片段,等会儿再回头看解释会顺得多。

Record a GIF showing how to complete the checkout flow, from adding
an item to the cart through to the confirmation page.

Troubleshooting

这里讲的是怎么找毛病,先查明白哪一步出错,再决定怎么修。

Extension not detected

这一段更像在讲判断条件,什么时候该上,什么时候先别急。把触发条件看清,比背标题更重要。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

Browser not responding

这一段更像在讲判断条件,什么时候该上,什么时候先别急。把触发条件看清,比背标题更重要。

Connection drops during long sessions

这段看着像个标题,其实是在说"Connection drops during long sessions"管到哪儿。

这里还牵扯作用域,意思就是这条规则到底管当前项目、你个人,还是只管这一趟会话。

Windows-specific issues

遇到这种内容,别急着大拆大改,先按它给的路子把问题缩小。

这里还牵扯作用域,意思就是这条规则到底管当前项目、你个人,还是只管这一趟会话。

Common error messages

看到这里,就把"Common error messages"当成一件真要上手的活来看。

See also

这一段主要是在把"See also"讲实,不是只摆个标题给你看。

看这段时要特别盯工具和权限边界,别为了省事一把全开。

照着做一遍

这页属于“Chrome 扩展”这类活,最稳的办法还是一小步一小步来。

下面这三步不一定华丽,但通常最不容易绕晕。

第 1 步:先起步

前端页面异常、交互不对、页面状态问题,这类场景最适合先接浏览器能力。

第 2 步:边做边看

要注意只在必要时开这条路,避免带来不必要的复杂度。

一眼看懂这一页

这页的作用,就是把原本偏专业的话题,拆成能直接照着走的明白话。

Chrome 扩展
   |
   v
Chrome 扩展 这一页讲的,就是 Chrome 扩展 这件事在 Claude Code 里到底怎么用。
   |
   v
照着步骤去做

文末提醒

这站会按官方 docs 的导航和内容变化继续重生成,原站加页、删页、改页时,这里会跟着更新。

人话解释会尽量顺着原页往下讲,但命令、参数名、配置名这些硬东西还是保留原样,免得你抄过去跑不起来。