postMessage debugger postMessage debugger

Developer Tools
Version: 0.2.0
Last Update: 2018-11-27

User Reviews


avatar John Horner
2021-04-20

Very useful extension, but the thing about selecting 'verbose' in the Console's 'levels' box ought to be more prominent! It should be in the description of the Extension:

"This extension prints messages sent with postMessage to the console (turn on Verbose levels to see them)"

avatar Danilo Hoss
2020-10-08

very helpfull :)

avatar Alberto Blacutt
2020-08-17

Nice tool... works great

avatar Oliver Jones
2020-01-08

This works nicely and does what I need. Others have mentioned setting "Verbose" in "Default Levels". It's also helpful to choose the appropriate context from the pulldown (just to the left of the eyeball) in the top bar of console.log

Suggestions for improvement, if you have time:
1) log the postMessage events from / to all contexts, not just the chosen one.
2) use some sort of log level that doesn't require messing with Default Levels, if possible.

These things would make it easier for me to ask my customers to use it to troubleshoot message posting between iframes (mine) and parents (theirs).

Again, thanks for this extension. It's really useful.

avatar Pike96
2019-10-18

Convenient tool! I was about to write one, it saves my time.

For guys not seeing the log, Check 'Verbose' in Console tab's top bar 'Default levels'

avatar Eric Eldard
2019-08-22

Works as advertised (logs to debug, so make sure to set console log level to Verbose). Inspected the source code on 8/22/19 and as of now it's not doing anything malicious (no file downloading, no posting your data, no analytics tracking). Thanks for a very helpful tool!

avatar Elías Daniel Araya Díaz
2022-12-26

This is not working at all ?

avatar E. Donker
2023-01-30

This extension is great! Use it a lot.

avatar Matt P
2023-01-20

I was pleasantly surprised that this reports messages sent to iframes as well as messages received by the top frame as well. As others said, if you don't see anything in the devtools console, you probably need to pull out the sidebar to look at the verbose/debug log level. A good example case is the youtube embed API (you can find examples on codepen). It would be very helpful if this logged a bit more information about each MessageEvent rather than just the data...like the origin, source, ports and lastEventId. Currently it seems to log the window title, but perhaps the window url or origin would be more useful.

avatar Elías Daniel Araya Díaz
2022-12-26

This is not working at all ?

Related Extensions