如果你在搜索引擎里输入“circuitjs 占空比”大概率是手上正拿着一个LED调光或电机调速的需求想在动手焊接之前先看看PWM波形到底长什么样。我遇到过很多类似的场景只想验证一个分压电阻、看一眼RC充放电曲线、确认555电路输出的占空比公式对不对难道就要去装一个几个GB的桌面EDA其实不用CircuitJS这个在线电路模拟器直接在浏览器里跑拖几个元件、接上示波器几十秒就能看到结果。这篇文章把我实际使用CircuitJS的经验整理出来覆盖从基本搭建、占空比调节到数字电路与微控制器仿真的内容也把那些容易踩的坑说一下。1. 为什么我会把一个网页工具当主力仿真环境1.1 先搞清楚它是什么级别的模拟器如果你习惯Multisim或Proteus第一次打开CircuitJS会觉得它“太轻了”没有封装库没有BOM表看起来不像一个正经EDA。但这恰恰是它的定位一个交互式实时仿真环境。它用JavaScript在浏览器中直接求解电路节点电压每点一下鼠标整个电路的状态都会立刻刷新。电阻、电容、电感、二极管、三极管、运放、数字门电路、555定时器、微控制器等元件模型都以简化形式内置基本覆盖了从入门到进阶常见的实验类型。不过“简化”是把双刃剑。它很适合理解拓扑和趋势比如分压、限流、充电、放电、PWM平均电压这些概念拖个元件就能看见。但如果要精确分析高频寄生效应、器件非线性、热特性或者做完整的电源纹波评估它就不合适了。拿它当工程图纸来用会踩坑拿它当电路草稿纸和计算器来用体验会非常好。1.2 它解决的是桌面EDA解决不好的“轻量验证”场景我经常需要快速验证一个想法这个比较器接法能不能把正弦波变成方波RC时间常数会不会太长PWM占空比20%时输出平均电压是多少在桌面EDA里建工程、选封装、放元件、设仿真类型这一套流程可能比验证本身还耗时。而CircuitJS只要在画布上拖元件、拉导线、双击改参数所有结果同时更新。我把它和桌面工具的使用场景做了个对比维度CircuitJS桌面EDAMultisim/Proteus/LTspice启动成本浏览器打开即用无安装无注册需要安装启动慢涉及工程配置上手曲线拖拽连线半小时基本能玩需要熟悉设计流程、仿真模型和界面交互反馈改参数立即刷新示波器实时显示通常需要重新仿真批量扫描更强仿真精度模型简化适合趋势和教学验证模型精细适合工程分析适合人群学生、教师、硬件爱好者、嵌入式开发者研发工程师、需要出正式报告的场景落实到我的工作习惯里就是“先快速、再精确”。在真实项目动手前我会先在CircuitJS里把信号链大概跑一遍确认极性、幅度、频率范围和占空比区间心里有底之后再上专业工具或直接画板子。这个过程帮我省掉了很多低级错误尤其是电源接反、地没接、电阻分压算错这类问题。2. 从空白画布到第一个能看波形的电路2.1 界面没那么花哨但效率很高CircuitJS界面主区域是黑色画布上方有菜单栏右侧或侧面是元件分类列表。第一次使用别急着乱点先滚轮滚动缩放画布按住空白区域拖拽平移再把鼠标放到元件接线端上光标会变成十字此时拖动就能拉出一根导线。右键元件会有旋转、编辑属性、删除等操作按住Ctrl再拖动元件可以快速复制一个出来。有个很实用的学习路径从顶部“Circuits电路”菜单里挑一个官方示例比如各种演示加载后你会看到别人是怎么连线的。很多例子都带有示波器模块改变元件参数后波形立刻跟着变这对于理解电路行为比看一堆公式快得多。我见过不少初学者一上来就自己从零搭电路结果被“元件从哪里找”卡住其实先模仿示例是最高效的入门方式。2.2 手把手搭一个LED限流电路假设你要验证5V电源下给LED串联多大电阻。操作如下在元件分类里找“Passive/被动元件”放一个电阻找“Outputs/输出”放一个LED再放一个直流电压源和一个接地符号。先把电压源正极连到电阻一端电阻另一端连LED阳极LED阴极接到地最后把电源负极也接到地。如果没有在电路里明确放置接地点很多节点会处于悬空状态仿真结果看起来就会很怪。连线之后双击电阻把阻值改成220欧姆双击电源把电压改成5V。LED方向如果接反仿真里它不会导通电流表或示波器会告诉你“电路没工作”。如果想知道电流放一个电流表串联进去或者直接看元件上的标记——CircuitJS默认会在导线上显示电流方向和小数值这也是我喜欢拿它上课的原因。看到电流值后你可以反推5V减去LED导通压降约2V220欧姆限流大约13mA数值完全对得上。如果你手边正在做真实的Arduino或树莓派实验建议把电源电压设成和实际系统一致。比如Arduino的5V引脚驱动LED仿真里的参数就可以直接用。养成在仿真时使用真实电压值的习惯后续把PWM占空比换算成平均电压时结果才具有参考意义。2.3 加一个示波器观察RC电容充放电只点亮LED太简单试一下RC充放电。放一个电阻、一个电容、一个电源和一个开关把开关闭合电容电压就会按指数曲线上升断开开关电容通过电阻放电。在“Outputs/输出”里找到Scope示波器把探针接到电容两端就能看到一条从0V爬升到接近电源电压的曲线。这里需要留意示波器的时基。如果波形挤成一团或几乎看不到变化右键示波器调整Time/Div每格时间或者把电容、电阻的值改大一点让秒级变化变成可见的慢动作。RC时间常数是R乘C比如10kΩ和10μF是0.1秒你就能看到一条清晰的指数充电曲线。这个实验特别适合理解“电容电压不能突变”比背公式直观太多。3. 占空比到底去哪儿调搜索热词背后的那点事3.1 占空比在仿真里表示什么占空比是方波信号里高电平时间占整个周期的比例。周期T是频率的倒数高电平时间为Ton占空比D就是Ton除以T。50%是标准方波10%表示大部分时间在低电平90%表示大部分时间在高电平。对负载来说占空比越大平均电压越高LED亮度、电机转速等宏观表现也随之改变。在CircuitJS里聊占空比通常两个目的一是想直接产生一个占空比可调的PWM信号送给负载二是想验证一个真实PWM产生电路比如555搭的电路其参数和占空比的关系。这两种需求的操作路径完全不同下面分开说。3.2 Square Wave信号源调占空比最直接的方式很多人搜“circuitjs中添加什么调节占空比”其实只是想快速得到一个占空比可调的波形。这时候最直接的办法是找到信号源里的Square Wave方波元件。把它拖到画布上输出端接示波器再双击元件打开属性对话框里面通常有Frequency频率和Duty Cycle占空比两栏。把Duty Cycle从默认的50改成20或80关掉窗口示波器上的波形立刻变成对应的“窄脉冲”或“宽脉冲”。如果你的版本里元件叫Pulse脉冲参数可能是Pulse Width脉冲宽度而不是百分比的占空比那就做个换算占空比等于脉冲宽度乘以频率。比如频率1kHz、周期1ms想要30%占空比就把脉宽设成0.3ms。我建议直接在方波发生器里调百分比少走一步换算也方便边调边看波形。还有一个容易忽略的点Square Wave的属性里通常还能设置低电平电压和高电平电压。你可以把高电平设成5V来模拟Arduino输出或者设成3.3V模拟STM32引脚配合低电平0V看到的PWM波形就和真实单片机的逻辑电平一一对应了。实测下来把这套波形接到一个RC低通滤波器后面示波器会显示一条平滑的直流电压线电压正好等于占空比乘高电平电压这就是PWM做调光调压的基本原理。3.3 想仿真真实PWM产生电路用555或比较器如果需要在课程设计里“用实际电路产生PWM”只调Square Wave参数就不够了。CircuitJS内置了555定时器也提供了不少参考示例电路。你可以加载一个555无稳态电路改变充电电阻和放电电阻的取值比例占空比就会跟着变理论公式在仿真里会有直观体现。用运放搭三角波发生器再接比较器同样可以得到PWM输出调节比较器的阈值就会改变占空比。这种做法的价值在于它把“占空比是一个参数”还原成“占空比是一个电路行为”。调电阻、改电容、改变阈值电压这些物理操作能让你记住原理而不只是记住参数面板上那个数字。我在带学生时通常先让他们在Square Wave上调占空比理解PWM波形本身再让他们去搭555电路理解占空比从哪里来。4. 进阶玩法数字逻辑、微控制器与文件的迁移复用4.1 在同一个画布里玩转门电路和触发器CircuitJS不只是模拟模拟电路。它的元件库里有一块很完整的数字逻辑区域与门、或门、非门、异或门、D触发器、JK触发器、计数器、七段数码管、逻辑探针等都能和模拟元件混搭在同一个电路里。这意味着你可以把一个由门电路构成的振荡器输出接进RC滤波再进运放做成一个完整的“数字转模拟”信号链。逻辑探针是我最喜欢用的调试工具把它放到某个节点上高电平它会亮红或变色低电平则变化调试组合逻辑比看波形直接得多。示例电路里还有经典的环形振荡器、分频器、双向计数器等。你会发现这些数字模块和示波器配合起来频率关系、时序关系都看得一清二楚对学习时序电路帮助很大。4.2 微控制器仿真软件写逻辑、硬件看波形CircuitJS还内置了一个微控制器模型类似一个简化的MCU内核可以通过元件菜单或示例电路找到。在配套窗口里写一段简单的输出程序芯片引脚就会按照代码切换高、低电平你可以把引脚接到LED、扬声器、七段数码管甚至外部的RC电路上观察软件逻辑和硬件电路之间真实的相互影响。它的功能当然比不上完整的单片机IDE和硬件调试器不能跑复杂外设库也不能下到真实芯片里。但用来理解“引脚配置成输出后如何驱动外部负载”“GPIO波形长什么样”“上下拉电阻如何影响引脚电平”这些问题它是一个零成本又直观的沙盒。我通常用它来给入门者演示“程序不是直接控制电压而是通过改变引脚状态来驱动电路”。4.3 把电路导出成文本让分享和复现变得很轻松CircuitJS的File文件菜单里有Import导入和Export导出。导出后你会得到一段紧凑的文本里面完整描述了电路里的元件、连接关系、参数设置。我把这段文本当作“电路源码”——复制到论坛、聊天窗口或文档里别人粘贴回Import对话框就能原样加载出你的电路不需要传文件、发图片。实际使用中这个能力对教学答疑非常方便。学生说“我的电路有问题”我不用猜他屏幕上的截图直接让他把导出的文本发来我导入后一帧帧检查很快就能定位是接地缺失还是电阻值设错。这也是我特别愿意推荐CircuitJS给身边同事的原因之一它把“复现一个电路”的成本降到了最低。5. 现场排错手册我踩过且很典型的几个坑5.1 最容易被忽略的参考地CircuitJS里很多元件符号自带一个隐含的“低端”看起来好像不接地也能跑但实际上所有电压都是相对某个参考点定义的。如果电路里没有明确的Ground地符号电源和某些节点的关系就会悬空仿真器可能给出异常数值或看起来“像是在乱跳”。解决方法是养成习惯每次搭电路都主动放一个Ground元件并把电源负极、所有需要参照的公共低端都接到这个点上。我见过太多新手搭分压电路只连了两个电阻和电源正极示波器显示的“分压点电压”完全不对原因就是整个电路没有参考地。加一个地符号之后数值立马正常。这也是为什么CircuitJS官方示例里几乎每个电路都有一到两个明显的Ground——地是所有仿真的基准千万别省。5.2 示波器乱跳不一定是电路错了先调时基还有一类常见情况明明电路就是简单的RC振荡或PWM输出示波器上却是一堆乱线看着像振荡了又像没振荡。这时候先别改电路右键示波器调整Time/Div或缩放选项。模拟器在浏览器里以帧为单位刷新它显示的是“当前时刻附近的一小段时间窗”如果时间窗远小于信号周期你自然只能看到一条快速翻转的乱线把每个格子代表的时间调大到与信号周期匹配波形立刻变得整洁。同样的道理也适用于频率太高的情况。真想观察一个1MHz的方波示波器时基固定又不支持自动缩放时可以试试把仿真速度调慢或把信号频率降低到几十kHz让波形显示得更稳。仿真里改频率是很便宜的先确认“看到的”和“想验证的”在同一个时间尺度上再去做判断。5.3 调占空比没反应你大概率用的是开关而不是信号源有一个特别典型的误操作想产生PWM于是从元件库里拖了一个开关Switch然后手动开开关关觉得这就是在产生脉冲波形。开关确实会让电路通断但它不会自动按周期切换示波器上只有你手动操作带来的变化和占空比概念完全是两回事。调占空比之前先确认自己用的是Square Wave、Pulse这类信号源而不是普通开关。搜索“circuitjs中添加什么调节占空比”之后卡住的用户大部分是卡在这个认知错位上。另一种情况是用了方波发生器却只在属性面板里找了“Voltage”和“Frequency”没找到“Duty Cycle”或“Pulse Width”字段。这时检查一下元件是不是选成了正弦波或三角波发生器正弦波没有占空比概念三角波虽然能看上升和下降比但和PWM的占空比定义不同。只有脉冲类信号源才有Duty Cycle参数。5.4 界面点不动或元件面板异常检查浏览器环境最后说一个和电路无关但经常让我白忙半天的坑。有时候打开CircuitJS会碰到元件面板加载不出来、右键菜单失效、拖拽没反应或者界面直接空白。我自己的排查顺序是先换主流浏览器Chrome、Edge、Firefox的最新稳定版再关闭浏览器插件和屏蔽脚本的扩展重新打开页面。绝大多数“模拟器坏了”的情形最后都发现是内嵌浏览器或过旧内核的问题而不是电路文件本身有问题——CircuitJS整个工程其实就是一个网页应用页面加载正常仿真才谈得上稳定。我在真机演示时也习惯先把要展示的电路导出成文本存下来万一现场某个浏览器环境出问题换台机器导入文本就能继续不耽误事。这个习惯来自一次给同事做技术分享时的翻车经历之后我就再也没让环境问题打断过演示。最后再分享一个我自己的高频用法给LED调光或给电机调速别急着拿单片机写代码先在CircuitJS里用Square Wave把不同占空比下的平均电压算出来、固定下来心里有了数再去写PWM寄存器配置。很多参数匹配问题其实在这个网页工具里就能提前暴露出来省下的时间远比下载一个EDA软件多。