跳到主要内容
Bezel — Responsive Tester & Device Emulator

Bezel — Responsive Tester & Device Emulator EN

Alexander Hagenah · Firefox

Test responsive design on 90+ real device frames — phones, tablets, foldables, even watches. Accurate emulation with real touch, pixel density and client hints, so pages behave exactly as on the device. Runs locally: no ads, no account, private.

5.0/5 1 人评分 27用户 v0.4.0当前版本
权限提示 该扩展申请访问所有网站(<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。

截图

  • Bezel — Responsive Tester & Device Emulator 截图
  • Bezel — Responsive Tester & Device Emulator 截图
  • Bezel — Responsive Tester & Device Emulator 截图
  • Bezel — Responsive Tester & Device Emulator 截图
  • Bezel — Responsive Tester & Device Emulator 截图

简介

Bezel puts your site inside a real device — and the page believes it.

Not a resized window. A photorealistic device frame with a true emulation layer, so the page reports real touch events, the correct pixel density (DPR), and honest client hints. What you see is what ships.

Free, forever

  • 90+ real devices — phones, tablets, foldables, even watches
  • Accurate emulation: touch input, pixel density, user-agent, client hints
  • Frame localhost, staging, and logged-in pages — nothing to deploy
  • Inspect & measure — element size, spacing, fonts, colour contrast
  • Eyedropper — sample any pixel on the page
  • Viewport and full-page screenshots
  • No ads. No account. Nothing you do leaves your machine.

Bezel Pro

  • Compare — several devices side by side, live and in sync
  • Environment spoofing — geolocation, timezone, language, network, dark mode
  • Custom request headers — auth tokens, feature flags, staging gates
  • Custom screen sizes — add any device you need
  • Presentation mode — hand a clean, framed demo to a client
  • Unlimited framed and composite exports

How it works

  1. Click Bezel on any tab.
  2. Pick a device.
  3. The page reflows exactly as it would on the real thing.

Private by design

Bezel runs locally. The pages you open, your screenshots, your settings — none of it is uploaded, ever. The only time Bezel contacts a server is to verify a Pro licence, and that request carries nothing about you or your browsing. Full policy: https://bezel.tools/privacy

Device names shown in Bezel are trademarks of their respective owners. Bezel is an independent tool and is not affiliated with or endorsed by them.

Bezel — Responsive Tester & Device Emulator 是做什么的

Bezel — Responsive Tester & Device Emulator 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Test responsive design on 90+ real device frames — phones, tablets, foldables, even watches. Accurate emulation with real touch, pixel density and client hints, so pages behave exactly as on the device. Runs locally: no ads, no account, private.在Firefox 附加组件商店(AMO)上,它当前版本 0.4.0,评分 5(1 人评价),约 27 名用户。

适合什么人用

从功能定位看,Bezel — Responsive Tester & Device Emulator 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。

怎么安装 Bezel — Responsive Tester & Device Emulator

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Bezel — Responsive Tester & Device Emulator 是免费的吗?

Bezel — Responsive Tester & Device Emulator 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Bezel — Responsive Tester & Device Emulator 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Bezel — Responsive Tester & Device Emulator 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Bezel — Responsive Tester & Device Emulator?

在扩展管理页找到 Bezel — Responsive Tester & Device Emulator,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

站点访问 1

  • <all_urls>

接口权限 8

  • activeTab
  • scripting
  • storage
  • tabs
  • unlimitedStorage
  • webNavigation
  • webRequest
  • webRequestBlocking