视野修炼-技术周刊第81期 | Chrome 124 新功能
内容提要
本期【视界修炼 - 技能周刊】精选内容包括Chrome devtools 124新功能、sshx终端协作、ElemSnap浏览器美化截图插件、PNPM v9发布、Classnames变量命名单词表、SVG Encoder SVG转其他编码、头像动漫化等。
延伸解读
Chrome 124 开发者工具更新要点
Chrome 124 开发者工具新增自动填充面板，方便调试表单自动填充；CSS 嵌套展示获得支持，便于查看嵌套规则；同时包含一些弃用项。这些变化对日常调试有实际帮助，建议开发者关注并适应。
PNPM v9 升级注意事项
PNPM v9 要求 Node.js 版本不低于 18，并采用 Lockfile v9 格式，能降低 Git 冲突概率、提升可读性。不再支持 lockfile v5，需先用 pnpm8 转换为 v6。此外支持从 git 子目录安装依赖，升级前请确保环境兼容。
实用工具推荐：sshx 与 ElemSnap
sshx 支持多人在同一终端协作，通过 Web 浏览器操作，适合实时演示或远程协助。ElemSnap 是浏览器美化截图插件，使用简单且效果良好。两者都能提升协作与内容创作效率。
AI 工具与命名辅助
头像动漫化工具基于 stable diffusion，上传图片即可生成动漫风格头像，操作简便。Classnames 提供按主题分组的单词列表，帮助解决 HTML 类、CSS 属性或 JS 函数的命名难题。
Q&A
Chrome devtools 124的新功能有哪些？
包括新的自动填充面板、CSS嵌套展示支撑和一些弃用。
sshx终端协作的主要特点是什么？
sshx支持多人在同一终端里协作，适合实时终端操作演示或长途帮忙。
ElemSnap插件的用途是什么？
ElemSnap是一个浏览器美化截图插件，使用简单，效果良好。
PNPM v9发布的主要变化是什么？
PNPM v9要求Node.js版本>=18，并采用Lockfile v9以降低Git冲突概率。
Classnames变量命名单词表的作用是什么？
帮助解决编程中的命名困难问题，提供按主题分组的单词列表。
SVG Encoder的功能是什么？
SVG Encoder可以将SVG转换为不同格式。
