今天的三样东西凑在一起有点意思一个让网页变桌面软件的省事先登一个能偷看别人代码里监听器的调试技巧还有一个让我们每天插网线这件事得以成立的日期。一个命令把任何网页装成桌面应用你可能干过这种事某个内部后台、Notion、或者某个数据看板你希望它像原生软件那样在 Dock 里有个图标、能独立开窗口而不是永远淹没在第 47 个浏览器标签里。Pake仓库名tw93/Pake专门干这件事。它不是 Electron——底座是 TauriRust 系统自带 WebView所以打出来的安装包通常只有几 MB 到十几 MB而不是 Electron 那种动辄上百 MB。装法走 npm registry跟 GitHub 通不通没关系npmi-gpake-cli# 把任意网页变成桌面应用pake https://your-internal-admin.com--name后台管理能带的常用参数--icon换图标、--width/--height定窗口尺寸、--multi-window允许多开、--inject塞自定义 CSS/JS 进去改样式。跨 macOS、Windows、Linux。对做地图和后台的你来说最实际的用法是把公司内部的可视化大屏或者某个第三方 SaaS 控制台包成应用双击打开就走不用每次登录 找标签页。加上--inject还能给别人的页面打样式补丁把不适配暗色模式的后台调顺眼。需要注意的是它本质还是包了个壳的网页需要离线运行、要访问本地文件系统的场景它做不了——那种情况老老实实写 Tauri。让控制台自己汇报“这个元素收到过哪些事件”调试地图交互的时候经常会遇到一种抓狂明明点了、滚了、拖了可你不知道事件到底落在哪个 DOM 节点上或者谁在背地里监听它。DevTools 里有两个只存在于控制台的小工具专治这个。monitorEvents(el)—— 元素一有事件立刻在控制台打日志不用你去加addEventListener、不用改一行业务代码constmapEldocument.querySelector(.amap-container)monitorEvents(mapEl)// 该元素所有事件都打印出来monitorEvents(mapEl,click)// 只看 clickmonitorEvents(mapEl,[click,mousemove])// 看多个类型unmonitorEvents(mapEl)// 别让它刷屏用完关掉getEventListeners(el)—— 反着来看看这个元素身上已经挂了哪些监听器是谁在响应getEventListeners(document)// 返回按事件类型分组的大对象getEventListeners(window,{only:resize})在 Console 里展开结果每个监听器都会带上定义它的文件和行号——如果那个文件在你的 source map 里可读你能直接跳进去看源码。两个都是 DevTools 控制台专用 API写进业务代码里会报错。顺带一个组合技先用monitorEvents确认事件有没有真的触发再用getEventListeners找到处理器位置比在 Vue 组件里到处塞console.log(clicked)快得多尤其当事件是被第三方库地图 SDK 就是典型绑定的时候。历史上的今天1980 年 9 月 30 日以太网从某家的发明变成行业标准46 年前的今天三家公司——DEC数字设备、Intel、Xerox——联合发布了《以太网物理层与数据链路层规范 1.0》业内一般叫它DIX三家公司名字首字母拼起来。在此之前以太网是 Xerox PARC 的内部技术。Robert Metcalfe 在 1973 年写出那份著名备忘录时跑的是同轴电缆、约 2.94 Mbps。名字Ethernet来自物理学里那个早已作古的以太——他调侃说这套东西和以太一样弥漫在整栋楼里。DIX 真正做的关键改动是两件把速度统一到 10 Mbps以及采用了 Xerox 提出的 48 位地址格式。第二件你今天还在用——每块网卡的 MAC 地址就是那个AA:BB:CC:DD:EE:FF直到今天还没换过。然后才是那步决定胜负的棋把规范公开给整个行业。1980 年前后局域网其实有两个候选方案在打擂台——以太网的 CSMA/CD“先听再说撞了重发”本质混乱且开放和 IBM 主推的令牌环Token Ring规矩、可预测、企业级。令牌环在技术指标上并不丢人但它属于一家公司而以太网在 DIX 之后属于所有人。1985 年IEEE 把它采纳为 802.3 标准。剩下的就是你今天工位上那根网线以及以太网赢了这句听起来理所当然、其实当年并不注定的话。有个细节很有意思DIX 的那套帧格式和后来 IEEE 802.3 的帧格式在字段上有一处至今没能合并的差异网络工程师区分它们的方式是看第 13 个字节——那个字段的名字就叫EtherType。46 年前三家公司签的那份文档名字还留在每一张流经你手边的数据包里。顺手一句计算机科学里只有两个真正难的问题缓存失效、命名以及差一错误。这个梗的笑点在最后一行——它本该是两个却列了三样。对前端来说这个错误我们每天都在犯for (let i 0; i arr.length; i)以及那个在列表末尾多渲染出来的undefined。最后今天这三样凑起来其实是同一个主题“公开一份规范和少写一层封装”往往比发明更好的技术更能改变现状。DIX 没有发明以太网它只是把私有技术摊开给所有人看于是赢下了接下来四十年的局域网Pake 也没有发明套壳它只是把 Tauri 那套东西简化成一条pake url于是要不要用 Electron这个问题的答案在大量场景里变了至于monitorEvents它没提供新能力只是让你不必为了看一眼事件而改动别人的代码。有意思的是这三者都发生在你手边——网口的规格、一条 npm 命令、按 F12 就能用的控制台。技术史真正的转折点常常不是那种宏大的时刻而是某个人决定让这件事变得稍微容易一点。明天午休见。