adriancooney / console.image

The one thing Chrome Dev Tools didn't need.
1.77k stars 131 forks source link

Doesn't work in Chrome any more :( #13

Open daniellmb opened 9 years ago

daniellmb commented 9 years ago

:cry:

adriancooney commented 9 years ago

:scream: What version/OS you running? The demo is still working for me on Version 44.0.2403.130 (64-bit) OSX Yosemite!

daniellmb commented 9 years ago

Chrome 45.0.2454.26 beta (64-bit) OSX 10.9.5

It looks like the code runs without errors but Chrome isn't rendering the BG image. It'll render a BG color, but not an image (tried both a url and base 64 encoded string).

screen shot 2015-08-10 at 10 06 14 am

k4rm3l0 commented 9 years ago

Doesn't work in Chrome - Version 45.0.2454.85 (64-bit) / OSX 10.10.5

mudcube commented 9 years ago

Unfortunately it appears the fun is over :(

https://code.google.com/p/chromium/issues/detail?id=495643

I believe the only way to get around would be to draw pixel-by-pixel... bonus of that would be that it would work in Firefox and Opera too ;) I think it would be intense on large images though.

mudcube commented 9 years ago

Just tried to do the pixel-by-pixel method; it's super slow, and could not get pixels to align properly.

Better option might be to write a DevTools extension;

https://developer.chrome.com/extensions/devtools

jondcallahan commented 9 years ago

:sob:

daniellmb commented 9 years ago

Yeah this line kills it: https://src.chromium.org/viewvc/blink/trunk/Source/devtools/front_end/console/ConsoleViewMessage.js?pathrev=197345#l797

There's no way to specify an image without using url(...) is there? Even a base64 data uri uses that. :(

kumavis commented 8 years ago

the saddest day

adriancooney commented 8 years ago

Think we might be back in business.

https://docs.google.com/document/d/1FTascZXT9cxfetuPRT2eXPQKXui4nWFivUnS_335T3U/preview

daniellmb commented 8 years ago
console.log([
"     .-.    Since it's not enabled by default,",
"    /_ _\\   I think I shall just use ASCII Art.",
"    |o^o|  /",
"    \\ _ /",
"   .-'-'-.",
" /`)  .  (`\\",
"/ /|.-'-.|\\ \\",
"\\ \\| (_) |/ /  .-\"\"-.",
" \\_\\'-.-'/_/  /[] _ _\\",
" /_/ \\_/ \\_\\ _|_o_LII|_",
"   |'._.'|  / | ==== | \\",
"   |  |  |  |_| ==== |_|",
"    \\_|_/    ||\" ||  ||",
"    |-|-|    ||LI  o ||",
"    |_|_|    ||'----'||",
"   /_/ \\_\\  /__|    |__\\"
].join("\n"));
adriancooney commented 8 years ago

@daniellmb don't lose hope just yet. I think we're onto something because these custom formatters are awesome. Everybody will probably in the near future have them turned on and we'll be there to pounce.

screenshot 2016-01-30 15 16 21
mudcube commented 8 years ago

WhatWG is working to make some more standardizations surrounding window.console (good place to weigh in on console.image and why it's important): https://github.com/whatwg/console

leocabral commented 7 years ago

"As far as there are multiple different ways to detect opened devtools, (and we don't aim to fight with them ATM), closing this as WontFix."

from: https://bugs.chromium.org/p/chromium/issues/detail?id=495643

hoorayy!! 🎉🎉🎉

bharatramnani94 commented 6 years ago

The demo works with Version 63.0.3239. Maybe it's time to close this issue.

firecrauter commented 2 years ago

https://bugs.chromium.org/p/chromium/issues/detail?id=1350078 https://bugs.chromium.org/p/chromium/issues/detail?id=1223475 https://github.com/GoogleChrome/developer.chrome.com/issues/3386

leobenkel commented 1 year ago

Is there an alternative way to display an image in the console nowadays?

mpaw commented 1 year ago

@leobenkel This method still works