Mobile simulator - responsive testing tool

Mobile simulator是一款模拟器插件,安装到Chrome即可实现手机网页浏览效果。

支持的手机模式如下

?16款安卓智能手机:
- 三星 Galaxy S20(CSS 分辨率 360px)
- 华为 P30 PRO(CSS 分辨率 360px)
- Google Pixel 5(CSS 分辨率 393px)
- 一加 Nord 2 (CSS 分辨率 412px)
- 三星 Galaxy Z Flip3(CSS 分辨率 360px)
- OPPO Find X3 PRO (CSS 分辨率 360px)
- 三星 Galaxy A12(CSS 分辨率 360px)
- 三星 Galaxy S21 Ultra(CSS 分辨率 360px)
- Google Pixel 6 PRO(CSS 分辨率 360px)
- 小米 12(CSS 分辨率 360px)
- 三星 Galaxy Note20 Ultra(CSS 分辨率 412px)
- 三星 Galaxy S22(CSS 分辨率 360px)
- 三星 Galaxy S22+(CSS 分辨率 360px)
- 三星 Galaxy S22 ULTRA(CSS 分辨率 360px)
?19款苹果智能手机:
- iPhone 5 (CSS 分辨率 320px)
- iPhone SE (CSS 分辨率 320px)
- iPhone X (CSS 分辨率 375px)
- iPhone XR 2018(CSS 分辨率 414px)
- iPhone 11 (CSS 分辨率 414px)
- iPhone 11 PRO (CSS 分辨率 375px)
- iPhone 11 PRO MAX(CSS 分辨率 414px)
- iPhone 12 Mini (CSS 分辨率 360px)
- iPhone 12 (CSS 分辨率 390px)
- iPhone 12 PRO (CSS 分辨率 390px)
- iPhone 12 PRO MAX (CSS 分辨率 428px)
- iPhone 13 Mini (CSS 分辨率 375px)
- iPhone 13 (CSS 分辨率 390px)
- iPhone 13 PRO (CSS 分辨率 390px)
- iPhone 13 PRO MAX(CSS 分辨率 428px)
- iPhone 14 (CSS 分辨率 390px)
- iPhone 14 MAX(CSS 分辨率 428px)
- iPhone 14 PRO (CSS 分辨率 390px)
- iPhone 14 PRO MAX(CSS 分辨率 428px)
? 5 款平板电脑:
- 三星 Galaxy Tab S7(CSS 分辨率 1280px 横向模式)
- iPad Air 4 (CSS 分辨率 1180px 横向模式)
- iPad Air Mini(CSS 分辨率 1024px 横向模式)
- iPad PRO 11" (CSS 分辨率 1194px 横向模式)
- Microsoft Surface Duo(CSS 分辨率 1114px 横向模式)
⌚️ 7 种特殊装置:
- Apple Watch Serie 6(CSS 分辨率 162px)
- 三星 Galaxy Fold 2(CSS 分辨率 884px)
- Apple Macbook Air (CSS 分辨率 1280px)
- Apple Macbook PRO 16" (2021)(CSS 分辨率 1728px)
- 三星智能电视 NEO 4K(CSS 分辨率 1920px)
- 自助服务亭(CSS 分辨率 1080px)
- 斑马 MC330(CSS 分辨率 480 像素)
Mobile simulator - responsive testing tool插图 Mobile simulator - responsive testing tool插图1

主要特征

? 非常轻松地创建 GIF 格式的截屏视频。
? 还可以将智能手机的屏幕截图以透明的 PNG 格式插入到电子邮件、演示幻灯片等中。
? 夜间模式可用(见截图)
? 免费版会显示非侵入式广告
Mobile simulator - responsive testing tool插图2 Mobile simulator - responsive testing tool插图3

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

Mobile simulator下载地址
Mobile simulator - responsive testing tool插图5
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!

发表评论