MBMode - 手机浏览器（mobile browser）模式

About

[ 中文版 ]
MBMode 是一款专为前端开发人员、UI/UX 设计师以及跨端测试人员打造的高精度手机浏览器模式模拟器。 只需一键，即可将当前网页瞬间置入手机视图中。它不仅提供极致真实的真机 User-Agent 与 Client Hints 报头伪装，更首创了多项极具生产力的开发调试辅助工具。

💡 核心亮点：

多设备真机视口预设：预设了主流旗舰机型，包含 iPhone 17 Pro Max、iPhone SE3、Galaxy S26 Ultra、Pixel 10 Pro XL、Xiaomi 17 Ultra 以及 iPad Pro M5。尺寸比例与物理分辨率参数均符合最新真机规格。

多屏并列与同步滚动：支持根据网页内容高度，自动或自定义切分为 1 ~ 6 屏并列对比展示。在任意一屏滚动，其他所有屏幕自动高精度同步对齐刷新位置，并支持智能重叠过渡（Overlap）以防内容在边缘被标题栏截断。

“视口重映射”排版宽度：突破传统手机逻辑宽度限制！针对部分超长网页引发的折行过多问题，支持在维持手机框视觉大小的前提下，将排版视口宽度重映射为 640px / 720px / 800px / 1024px，在缩短分屏的同时，呈现更真实的宽屏/折叠屏排版。

独立多屏裁剪截屏（Alt + S）：首创 Canvas 亚像素级画面裁剪算法。一键或使用快捷键 Alt + S，即可将并列的各屏幕画面单独裁剪为干净的 png 图像（不含控制条与背景），并自动规避浏览器连载拦截，静默保存至 Downloads/MBMode_Screenshots/ 目录。

智能自适应顶格（Edge-Docking）：在默认 1x 缩放时，自适应算法会自动计算并调整大小，使模拟器的高度或整体宽度完美顶格贴合浏览器可视区，最大化利用屏幕空间。

Windows 字体锐利化与 CSP 免疫：支持图层 3D 渲染降级优化，并强制使用 Windows LCD 亚像素 ClearType 渲染（subpixel-antialiased），页面文字缩放后依然黑亮、锐利。

[ English Version ]
MBMode is a high-precision mobile browser simulator designed for frontend developers, UI/UX designers, and responsive testers. With a single click, convert your active tab into realistic mobile device frames. It spoofs authentic User-Agent and Client Hints headers, while offering industry-first multi-screen preview tools.

💡 Key Features:

Accurate Device Presets: Built-in configs for flagship models including iPhone 17 Pro Max, iPhone SE3, Galaxy S26 Ultra, Pixel 10 Pro XL, Xiaomi 17 Ultra, and iPad Pro M5.

Synchronized Multi-Screen Parallel View: Automatically split long webpages into 1 to 6 parallel screen panels. Scroll on any panel, and all other panels will sync scroll positions instantly with custom overlap alignment.

Viewport Remapping (Layout Width): Rewrite responsive page viewport widths dynamically to 640px, 720px, 800px, or 1024px. Keep the phone's physical container size while viewing wide mobile or foldable-screen responsive layouts.

Pixel-Perfect Screen Cropper (Alt + S): Crop and download clean PNG captures of each simulated phone view separately. Extracted images exclude toolbars, padding, and labels, automatically saved to Downloads/MBMode_Screenshots/ folder.

Auto Edge-Docking: At 1x default zoom, the simulator auto-scales to perfectly fit your browser viewport (either full-width or full-height) with zero wasted space.

Windows Text Clarity: Leverages subpixel antialiasing (ClearType rendering) and flat 2D layer compositing to keep fonts sharp and readable even when scaled down.