跳到主要内容
DataLayer Lens

DataLayer Lens EN

SizzleBits · Firefox

A powerful, beautiful tool for monitoring GTM dataLayer events in real-time

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

截图

  • DataLayer Lens 截图
  • DataLayer Lens 截图
  • DataLayer Lens 截图
  • DataLayer Lens 截图
  • DataLayer Lens 截图

简介

DataLayer Lens

A clearer way to inspect, debug, and understand your dataLayer.

DataLayer Lens is a DevTools extension built for people who work with Google Tag Manager, analytics, CRO, and modern web applications. It gives you a reliable, easy-to-read view of dataLayer activity so you can validate events, debug implementations, and understand what’s really happening on the page.

Whether you’re QA’ing a tracking setup, diagnosing missing events, or working through a complex user journey, DataLayer Lens helps you stay focused and in control.

Features

Real-time dataLayer monitoring

View dataLayer events as they happen directly inside DevTools. No page refreshes or console digging required.

Per-domain settings

Configuration is saved per domain, so each site behaves the way you expect when you come back to it.

Event grouping

Related events can be grouped by trigger, making it much easier to follow event sequences and understand intent.

Pagination for large event histories

Work comfortably with high-volume sites by paging through events instead of loading everything at once.

Optional console logging

Send events to the browser console when you want deeper inspection or quick debugging alongside other logs.

Event filtering

Filter events by name using include or exclude modes to reduce noise and focus on the signals that matter.

Copy and export

Copy individual events or export the full event history to JSON for sharing, documentation, or further analysis.

Persist events across navigations

Keep a continuous record of events as you move between pages, even when the dataLayer would normally reset.

Cleane UI designed for daily use

A fast, responsive interface with a dark theme, subtle animations, and syntax highlighting that stays readable during long debugging sessions.

Built for real-world workflows

DataLayer Lens is designed to fit naturally into how GTM specialists, analysts, CRO teams, and developers actually work. It stays lightweight, avoids unnecessary abstraction, and gives you just enough structure to make sense of complex implementations.

Install it once and keep it open while you work. It quickly becomes part of your everyday toolkit.

DataLayer Lens 是做什么的

DataLayer Lens 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:A powerful, beautiful tool for monitoring GTM dataLayer events in real-time在Firefox 附加组件商店(AMO)上,它当前版本 3.3.3,评分 5(1 人评价),约 60 名用户。

适合什么人用

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

怎么安装 DataLayer Lens

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

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

常见问题

DataLayer Lens 是免费的吗?

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

DataLayer Lens 安全吗?

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

DataLayer Lens 支持哪些浏览器?

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

怎么卸载 DataLayer Lens?

在扩展管理页找到 DataLayer Lens,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

站点访问 1

  • <all_urls>

接口权限 3

  • activeTab
  • devtools
  • storage

标签 点标签看同类扩展

同类工具

同样带「深色模式」标签的扩展

查看全部 ›