
杂项工具箱
使用说明
功能
一批零散但偶尔一定会用到的开发辅助工具:查看字符的编码字节序列、查询与转换 HTML 实体、在隔离环境中试跑一小段 JavaScript、在 px、em、rem 之间换算 CSS 单位、测试 CSS 选择器能否命中目标元素、把数据转成 Markdown 表格、根据标题层级生成页面目录、对 JSON 执行查询,以及检测当前视口尺寸与设备像素比。
操作
顶部标签页切换各模块。编码查看器支持 UTF-8、UTF-16 等编码的字节展示;JS 沙箱可执行片段并显示返回值;单位换算填入基准字号后三向联动;选择器测试需粘贴 HTML 与选择器;Markdown 表格可粘入 CSV 或 TSV;JSON 查询支持路径表达式与点号写法。每个模块的输出都可复制。
常见问题
JS 沙箱能测试操作页面 DOM 的代码吗?
不能。代码在与页面隔离的环境里运行并显示返回值,适合验证纯逻辑片段;它碰不到本页 DOM 和数据,这既是限制,也保证试验不会弄乱页面。
CSS 单位换算的基准字号应该填多少?
填项目的根元素字号,常见是 16px。em 与 rem 的参照物不同,基准设对了三个单位的联动换算才有意义;核对样式表里的值时以此为对照即可。
从 Excel 复制的表格能直接转成 Markdown 吗?
可以。表格软件复制出来的内容默认以制表符分隔,直接粘贴到 Markdown 表格模块即可识别,CSV 同样支持,转换结果复制进文档就能用。