电阻在线计算器 WordPress 插件

一、先说个让人烦躁的小事

上周修一块老电源板，拆下来一颗五环电阻，棕黑黑棕棕。

我盯着它看了三秒，前三环是 100，第四环棕是 ×10，所以 1k，第五环棕是 ±1%。算了。但我不太放心，还是打开搜索引擎找了个在线色环计算器核对一下。

然后就是熟悉的流程：页面加载出来一半是广告，色环选择器藏在折叠面板里，点开又弹了一个窗，关掉之后才算出一个 1kΩ。

整个过程，我离开了原来的页面，看了三次广告，还差点没回来。

如果你也写电子、维修、硬件相关的博客，这个场景你应该不陌生：你在文章里讲得再清楚，读者到了”要算一下”这一步，还是得跳出去。而你辛辛苦苦攒的停留时长，就这么断了。

所以我自己做了一个。

电阻在线计算器 —— WordPress 插件，一个短代码，7 个工具。

你现在就可以往下翻一点，文章里就嵌着一个，直接点着玩。

二、顺手把几个最容易算错的点讲清楚

① 色环到底从哪头开始读？

最常见的翻车点。规则其实就三条，按优先级用：

1. 金环、银环几乎永远在最右边​ —— 因为它们只做容差，不做有效数字。
2. 环间距：最后一环（容差环）与前面几环的间隔通常明显更宽。
3. 起点端的环更靠边​ —— 密集的一头是有效数字。

另外，5 环电阻的前三环是有效数字，第 4 环是倍乘，第 5 环是容差；4 环则只有两位有效数字。所以 4.72k 这种三位有效数字的值，4 环是表示不出来的​ —— 只能用 5 环。这也是插件在反查时会提示”存在偏差”的原因。

② 功率为什么必须降额？

算出 R 之后，很多人随手拿个 1/4W 就焊上去，然后发现电阻烫得能煎蛋。

功耗算出来是 100mW，不代表你可以用 250mW 的电阻。行业通行的做法是按实际功耗的 2 倍选型：100mW 就选 250mW 及以上。原因是电阻的额定功率是在特定环境温度（通常 70℃）下标定的，机箱里温度一高，实际承受能力直线下降。

插件在欧姆定律和 LED 限流两个工具里，都会直接给出降额后的推荐功率等级。

③ 并联结果一定小于其中最小的那个

听起来像废话，但这是发现错误最快的校验方式。你算出两个电阻并联后是 12k，而其中一个是 10k —— 那肯定是算错了。

④ 3.3V 带不动三颗串联的白光 LED

白光和蓝光 LED 的正向压降 Vf 通常在 3.0~3.6V。三颗串联就需要 10V 以上，3.3V 的电源根本推不动。红光则只要 1.8~2.2V。

插件在检测到 Vs − Vf × n ≤ 0 时会直接报错提示，而不是给你一个负数的电阻值。

⑤ 分压器带载能力很弱

Vout = Vin × R₂ / (R₁ + R₂) 这个公式成立的前提是输出端不取电流。一旦后级拉电流，输出电压就会被拉下来。经验法则是：后级的输入阻抗要比 R₂ 大一个数量级以上，否则就该加一个电压跟随器。

用分压器当电源用，是新手最常犯的错误之一。

⑥ 0402 上的丝印怎么读？

小封装贴片电阻上通常只有两三个字符：

• 3 位数字：103 = 10 × 10³ = 10kΩ。前两位是有效数字，第三位是 10 的幂。
• 4 位数字：1002 = 100 × 10² = 10kΩ。精度更高的场合用。
• EIA-96：01C = 100 × 100 = 10kΩ。两位数字查表得三位有效数字（01 → 100），字母表示倍乘（A=×1，B=×10，C=×100，D=×1k）。
• R 表示法：4R7 = 4.7Ω，R10 = 0.1Ω。R 就是小数点。

插件里这四种都能正反查。

三、这个插件能干什么

一共 7 个工具，可以按你的需要自由开关。

1. 色环 → 阻值

点色块读数，支持 4 环（普通 ±5%）、5 环（精密 ±1%）、6 环（含温度系数）。

选色的同时，上方电阻图形会实时画出对应色环，右侧同步给出：阻值（自动切换 Ω/kΩ/MΩ/GΩ）、科学记数法、容差允许范围、温度系数，以及最接近的 E24 标准值​ —— 如果你选出的组合不是标准值，它会明确提示”非标值，实际元件通常为标准系列值”。

2. 阻值 → 色环

反过来查。输入 4.7k、10k、1M、100R、1R5 都能识别，输出色环图并逐环标注含义。

3. 欧姆定律 / 功率

V、I、R、P 四个量，填任意两项，另外两项自动解出，并按 2 倍降额给出功率选型建议。

4. 串并联等效

电阻数量不限，随时加行，串联值与并联值实时刷新。

5. 分压器

两种方向：已知 R₁、R₂ 求 Vout（同时给出回路电流、两颗电阻各自功耗与推荐功率）；或已知 R₁ 与目标 Vout 反推 R₂，并给出最接近的 E24 / E96 标准值。

6. LED 限流电阻

输入电源电压、正向压降、工作电流、串联数量，算出限流电阻、承受压降、实际功耗、推荐功率等级，以及向上取值的 E24 安全值和取该值后的实际电流。

7. SMD 贴片代码互查

3 位、4 位、EIA-96、R 表示法，代码与阻值双向互查。

输入格式很宽容，怎么顺手怎么写：

阻值：4700 / 4.7k / 4k7 / 1M / 1G / 100R / 1R5 / R10 / 2.2Ω
电压：5V / 12mV / 0.5kV
电流：20mA / 1A / 500µA
功率：0.25W / 500mW

四、技术上做了三个取舍

① 纯前端计算，零后端负担

所有运算在访客浏览器里完成。没有 Ajax 请求、不写数据库、不调用外部 API。一千个人同时用，你的服务器毫无感知。

② 按需加载，不拖慢全站

默认只在检测到短代码的页面加载 CSS / JS。要放进小工具、缓存页面或古腾堡自定义 HTML 块，后台一键切换为全站加载。

③ 干净无依赖

不加载 jQuery、不请求任何 CDN、不引入第三方字体。CSS + JS 合计不到 50KB，按 WordPress 编码规范做了完整转义与安全过滤。

页面右下角（或文章任意位置）那个计算器，你现在就在用 —— 它没有任何一个请求发往我的服务器。

五、装上去要多久

一分钟。

1. 后台「插件 → 安装插件 → 上传插件」，选择 zip 包启用
2. 到「设置 → 电阻计算器」，勾选要显示的工具、挑个主题色
3. 在文章或页面里插入 [resistor_calc]

想更精细地控制，用短代码属性：

[resistor_calc]                          全部工具
[resistor_calc tools="color,reverse"]    只显示色环正查与反查
[resistor_calc bands="4"]                默认 4 环模式
[resistor_calc theme="#d94a4a"]          自定义主题色
[resistor_calc show_formula="false"]     隐藏公式说明，界面更精简

可用工具 key：color、reverse、ohm、network、divider、led、smd

六、谁适合装

• 电子爱好者 / 维修博主：教程里嵌一个，读者不用跳出站
• 元器件商城：放商品详情页旁，提升停留时长，顺带减少”这个阻值是多少”的售前咨询
• 教学与培训机构：色环读数、欧姆定律做成可交互的课堂演示
• 企业内部 Wiki：研发、生产、维修共用一套内部工具，不依赖外网