1389501 - Firefox Dev Edition 56.0b1 (64-bit): console.log() no longer allows CSS styles to highlight messages in Browser Console if called from WebExtension add-ons.

Status: RESOLVED WORKSFORME

(DevTools :: Console, defect, P3)

Description

[tom.mai78101]

Attachment: Capture.PNG

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170628075643

Steps to reproduce:

I use the following JavaScript code:

console.log("(shoptoolbar.js) %cHello world from background script.", "background-color: #bdcc8b; color: #433475;");

In the extension add-on background script to display "Hello world" in the Browser Console, highlighted with the specified color.  

Then I compare the results with the same code by typing into the Browser Console directly using the following code:

console.log("(shoptoolbar.js) %cHello world Browser Console.", "background-color: #bdcc8b; color: #433475;");


Actual results:

The console log messages sent from the extension add-on is not colored.
The console log messages entered in from the Browser Console works normally.


Expected results:

All log messages, no matter if sent from extension add-ons or entered into the Browser Console, should all be colored.

Comment 1

[tom.mai78101]

The actual user agent is: 

"Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0"

I'm just reporting the bug via Firefox stable version.

Comment 2

[Brian Grinstead [:bgrins]]

Thanks for the report - we should be styling messages the same regardless of the source

Comment 3

[Nicolas Chevobbe [:nchevobbe]]

Not sure when this was fixed, but it seems to work okay for me now