据 AlphaMoat 统计,截至 2026-08,Chrome 插件 Claude Code Preview 用户数为 71,环比 +24.6%,在全部 9,793 款 AI 浏览器插件中排名第 4,690 位,在「编程开发」分类(640 款)中排名第 293 位。
Claude Code Preview 是什么
Claude Code Preview adds a split view to claude.ai/code: your chat stays on the left and a live preview of your deployment appears on the right. You type the deployment URL into an inline bar in the panel toolbar and press Enter, and it works with any deployment, Netlify, Vercel, Cloudflare Pages, Railway, Render, or any other public URL. The divider drags to resize the split, device modes preview at desktop, tablet, or mobile widths, and auto-refresh reloads the preview at configurable intervals. Keyboard shortcuts toggle the panel and refresh it, and your URL and panel preferences survive page reloads.
Split view. Inline URL bar. Any deployment. Drag to resize. Device modes. Auto-refresh. Shortcuts.
展开 Chrome 商店完整介绍▾
Live deployment preview panel for Claude Code — see your Netlify/Vercel site alongside your chat. Preview your web deployments directly inside Claude Code, no more switching tabs.
Claude Code Preview adds a Lovable-style split view to claude.ai/code: your chat stays on the left, and a live preview of your deployment appears on the right.
FEATURES:
- Inline URL bar - type your deployment URL directly in the panel toolbar and press Enter
- Works with any deployment - Netlify, Vercel, Cloudflare Pages, Railway, Render, or any public URL
- Drag-to-resize - adjust the split ratio by dragging the divider
- Device modes - preview in desktop, tablet (768px), or mobile (375px) widths
- Auto-refresh - automatically reload the preview at configurable intervals (5s, 10s, 30s, 60s)
- Keyboard shortcuts - Ctrl+Shift+P to toggle the panel, Ctrl+Shift+R to refresh
- Persistent state - your URL and panel preferences survive page reloads
HOW TO USE
1. Open any chat on claude.ai/code 2. The preview panel appears on the right side 3. Enter your deployment URL in the address bar at the top of the panel 4. After pushing new code, click refresh or enable auto-refresh to see the latest deploy
插件档案
用户增长趋势
「编程开发」分类下的热门插件
Instant Data Scraper extracts web data into Excel or CSV using AI to detect relevant content.
+ 对比
PIXM is a browser extension that uses AI to block phishing websites the moment you click a malicious link.
+ 对比
Blackbox is an AI coding assistant that answers programming questions and helps you work with code, GitHub, and on-page context directly in your browser.
+ 对比
Ui.Vision is a free RPA and macro recorder that automates browser and desktop tasks with computer vision, OCR, and a built-in AI assistant.
+ 对比
Browse safer with cloud-based antivirus that blocks phishing, malware, and harmful websites.
+ 对比
Thunderbit is an AI web-scraping agent that turns any webpage into structured spreadsheets in two clicks for sales and operations teams.
+ 对比数据月份:2026-08 · 用户数与评分来自 Chrome 应用商店公开数据,按月聚合更新。口径说明见数据方法。