Item logo image for MBMode - 手机浏览器(mobile browser)模式

MBMode - 手机浏览器(mobile browser)模式

ExtensionDeveloper Tools
Item media 1 (screenshot) for MBMode - 手机浏览器(mobile browser)模式

Overview

一键以手机模式查看当前网页,支持多设备预设、多屏同步并列显示和一键截取所有屏幕等高效功能,网页开发者测试使用尤为方便。

[ 中文版 ] 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.

Details

  • Version
    1.0.1
  • Updated
    July 10, 2026
  • Offered by
    Dex7er
  • Size
    37.06KiB
  • Languages
    中文(中国)
  • Developer
    Email
    magasb2024@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps