Notepad++是小屏幕便携设备首选HTML排版工具，因其窗口紧凑、无需缩放即可完整显示界面，支持键盘全覆盖操作，内置640×480预览窗适配横向分屏，且禁用行号可节省20px宽度。
小屏幕便携设备（如11英寸笔记本、二合一平板、ARM Windows子机）运行HTML排版工具时，核心瓶颈不是功能缺失，而是界面挤占有效编辑区、缩放错乱、触控适配差、DPR切换失灵。必须选能“主动收缩”而非“被动裁剪”的工具。
Notepad++ 窗口最小化后仍可完整操作 HTML 排版
Notepad++ 在 1024×600 或 1280×720 屏幕上无需缩放即可显示全部菜单栏+编辑区+状态栏，且支持键盘快捷键全覆盖，避免触屏或小触控板频繁切换输入模式。
- 安装时取消勾选所有插件包，避免
Plugin Manager占用额外高度 - 右键菜单中启用“使用 Notepad++ 打开”后，双击
index.html即进入编辑，不弹欢迎页、不加载扩展面板 -
Ctrl + Shift + X调出的内置预览窗口默认为 640×480 固定尺寸，适合小屏横向分屏对照（编辑区+预览并列） - 禁用行号和折叠标记（设置 → 首选项 → 编辑器 → 显示行号 → 取消勾选）可节省约 20px 左侧宽度
VS Code 免安装版 + 强制窄布局配置
VS Code 的 .zip 免安装版比 exe 安装版更可控，配合手动配置可压平顶部标题栏、隐藏活动栏、锁定侧边栏收起状态，使编辑区纵向可用空间提升 15% 以上。
- 下载
VSCode-win32-x64-portable.zip（Windows）或对应平台 portable 版，解压即用，不写注册表 - 首次启动后按
Ctrl+Shift+P→ 输入Preferences: Open Settings (JSON)，添加："window.titleBarStyle": "custom", "workbench.activityBar.visible": false, "workbench.sideBar.location": "right", "editor.lineNumbers": "off"
- 关闭所有扩展，禁用硬件加速（设置中搜索
hardware acceleration→ 设为off），避免高 DPR 下渲染卡顿 - 保存后重启，窗口可拖至屏幕左/右边缘自动吸附，留出另一半给浏览器预览
Brackets 在小屏 Chrome 上 Live Preview 同步失效的绕过方式
Brackets 的 Live Preview 依赖 Chrome 的远程调试协议，在小屏设备上常因窗口尺寸重置导致 DOM 同步中断，错误信息为 ERR_CONNECTION_REFUSED 或预览空白。
立即学习“前端免费学习笔记（深入）”；
- 不依赖闪电图标，改用
Ctrl+Alt+P手动唤起预览，确保 Chrome 已以--remote-debugging-port=9222启动（需提前配置） - 在 Brackets 设置中关闭“Auto-reload on save”，改为手动按
Ctrl+S后再按F5刷新 Chrome 标签页（更稳定） - 若 Chrome 自动缩放异常（如显示为 125% 导致文字糊），在 Chrome 地址栏输入
chrome://settings/appearance→ 将“页面缩放”设为 100%，Brackets 不会覆盖该设置
Acode Editor（Android）在 ARM 笔记本（如骁龙版 Windows）上的替代方案
部分 ARM 架构便携设备（如 Surface Pro X、联想 Yoga Slim 7x）无法直接运行 Android 应用，但可通过 Windows Subsystem for Android（WSA）部署 Acode —— 此时关键不是能否运行，而是 WebView 渲染是否匹配设备物理像素。
- WSA 中安装 Acode 后，进入设置 → 开启“Force high DPI mode”，否则预览区模糊（
devicePixelRatio读取为 1.0 而非实际 1.5 或 2.0） - 禁用 WSA 的“GPU 共享”，改用软件渲染（设置 → 开发者选项 → GPU 渲染 → Software），避免小屏下 Canvas 抗锯齿崩溃
- 保存文件路径必须为
/sdcard/Documents/，否则预览调用WebView.loadUrl()会因沙箱路径限制失败
小屏真正的麻烦不在工具本身，而在于 HTML 预览环节：很多工具把“打开浏览器”当作终点，但没考虑浏览器标签页在 768px 宽度下是否触发了移动端 viewport，也没验证 meta name="viewport" 是否被忽略。选工具前，先拿一个含 @media (max-width: 768px) 的页面实测三秒内能否正确响应——这比看内存占用数字更真实。
