Skip to content We're live on Product Hunt today Upvote
install

diagnostic · one of 36 free, no counter

Environments

What is different between staging and production?

The reason a bug reproduces on staging and not on production is almost always something neither environment lists: a different script version, a header that is set in one place, a token that resolved differently. This captures a reading on one and compares it against a reading on the other, so the answer is a diff rather than two tabs and a memory.

Reach it Press + K on any tab and type environments. Ctrl + K on Windows and Linux

Pins one deployment and says what changed in the other
reads two readings you take, one per environment
writes nothing
sends nothing
capture explicit, on each side
compares stack, headers, tokens and resources
storage the readings, until you clear them
plan free
section#about

What this actually is

Any time a bug is environment-specific, and before a release as a sanity check that staging is actually the thing being shipped. Both readings are taken by you, on pages you have open - nothing is fetched.

section#asked

Asked about this diagnostic

Does it fetch the other environment for me?

No. The extension holds no permission over any host, so both readings are taken on tabs you have open. That is also why the comparison is honest - each side is the page as it really rendered.

What counts as a difference?

A detected technology and its version, a security header, a resolved design token, a resource that is on one side and not the other. The list is what two readings can be compared on without guessing.

Can I compare two different sites?

Yes, mechanically - nothing stops you. The report is written for two environments of one site, so a comparison of unrelated sites will be mostly noise.

How long are the readings kept?

Until you clear them or take a new one. They are a working comparison, not a history, and nothing accumulates.

how to use environments

  1. Open the staging page and take a reading from Environments.
  2. Open production in another tab and take the second reading there.
  3. Read the diff: stack, headers, tokens and resources come back as differences rather than two lists.
  4. Clear the stored readings once the question is answered.