跳到主要内容
User JavaScript and CSS

User JavaScript and CSS EN

tenRabbits · Firefox

Run your own JavaScript and CSS on any website. A code editor with SCSS, external libraries, URL patterns and styles that update without reloading the page.

5.0/5 2 人评分 152用户 v4.3.0当前版本
权限提示 该扩展申请访问所有网站(<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。

截图

  • User JavaScript and CSS 截图
  • User JavaScript and CSS 截图
  • User JavaScript and CSS 截图

简介

Write your own JavaScript and CSS for any website: hide what gets in the way, add a missing button, fix a layout. A rule pairs your code with the sites it runs on, and the extension applies it every time you open them.

Editor
- Side-by-side JavaScript and CSS editors with syntax highlighting, Prettier formatting and 13 themes
- SCSS and Sass out of the box; the preprocessor can be turned off for a rule
- Styles update on open tabs as you save — no reload needed
- The last 10 versions of each rule are kept, so a bad edit is one click away from undo

Rules and sites
- Several URL patterns per rule, with exclusions: !https://example.com/admin/*
- Styles can apply inside nested frames and open shadow DOM — per rule
- Any rule can serve as a template for new ones or as a module for other rules

Libraries
- Add jQuery or any script and style by URL; files are stored locally and update daily, weekly or on demand

Backup
- Export and import in JSON — pick which rules to import
- Backup to the browser's sync storage

In Firefox
- The Firefox version is new and marked experimental. If something does not work, write to the support email on this page
- JavaScript runs through the Firefox user scripts API: grant this permission with the button on the settings page. Styles work without it
- Rules need access to websites. If it is missing, the settings page and the toolbar popup offer to grant it

AI agent tools (experimental). Let an agent on your computer — Claude Code, Cursor, Codex, VS Code and other MCP clients — manage your rules. Off by default; enable in Settings → MCP. The connection is local only: the extension connects to ws://127.0.0.1:8767, served by the user-js-css-mcp server your agent starts. Nothing leaves your machine; both sides verify a shared secret. The agent can read and change your rules; the secret is never included in exports. Turn it off with the same switch. Server: https://www.npmjs.com/package/user-js-css-mcp

Privacy. No ads, no analytics, no data collection. Your code stays in your browser; the extension only downloads the libraries you add.

The interface is in English and Russian. A personal, non-commercial project.

Documentation: https://tenrabbits.github.io/user-js-css-docs/

User JavaScript and CSS 是做什么的

User JavaScript and CSS 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Run your own JavaScript and CSS on any website. A code editor with SCSS, external libraries, URL patterns and styles that update without reloading the page.在Firefox 附加组件商店(AMO)上,它当前版本 4.3.0,评分 5(2 人评价),约 152 名用户。

适合什么人用

从功能定位看,User JavaScript and CSS 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。

怎么安装 User JavaScript and CSS

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

User JavaScript and CSS 是免费的吗?

User JavaScript and CSS 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

User JavaScript and CSS 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

User JavaScript and CSS 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 User JavaScript and CSS?

在扩展管理页找到 User JavaScript and CSS,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

站点访问 2

  • http://*/*
  • https://*/*

接口权限 5

  • alarms
  • scripting
  • storage
  • tabs
  • unlimitedStorage

接口权限(可选) 1

  • userScripts

标签 点标签看同类扩展

同类工具

同样带「用户脚本」标签的扩展

查看全部 ›