Item logo image for ClickToCode：一键定位源代码

ClickToCode：一键定位源代码

ExtensionDeveloper Tools1 user
Item media 2 (screenshot) for ClickToCode：一键定位源代码
Item media 1 (screenshot) for ClickToCode：一键定位源代码
Item media 2 (screenshot) for ClickToCode：一键定位源代码
Item media 1 (screenshot) for ClickToCode：一键定位源代码
Item media 1 (screenshot) for ClickToCode：一键定位源代码
Item media 2 (screenshot) for ClickToCode：一键定位源代码

Overview

点击网页任意元素，显示详细CSS属性值。复制规则来源，一键定位源代码

厌倦了在代码里反复翻找想修改的元素？ ClickToCode 让你用最快的方式从页面直达源代码： ① 点击页面任意元素 → 即时高亮，显示完整 CSS 属性 ② 复制「规则来源」→ 获取精准的 CSS 选择器 ③ 打开 Cursor / VS Code，Ctrl+F 粘贴 → 秒级定位样式代码 【核心功能】 · 鼠标悬停即高亮，实时显示元素尺寸 · 卡片区分 Inline Style 与 Computed Style · 一键展示 font-size、font-family、color、margin、padding 等全部 CSS 属性 · 支持深色 / 浅色双主题，按需切换 · 轻量无后台，不收集任何用户数据 【适合谁用】 前端开发者、独立开发者、设计转开发、所有需要频繁调试样式的人。 By 青鱼哇呜（小红书：https://www.xiaohongshu.com/user/profile/62417f640000000010009446）

Details

  • Version
    1.0.1
  • Updated
    April 17, 2026
  • Offered by
    青鱼哇呜
  • Size
    32.7KiB
  • Languages
    中文（中国）
  • Developer
    Email
    zhaoqingyu54@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Google apps