Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 11
Хочу отметить, что возможность выводить изображения была и раньше. Реализуется она с помощью следующей конструкции:
Это дает возможность задавать стиль выводимого текста. Функция console.image в данной библиотеке просто выводит невидимый текст с background-image.
console.log("%cTEXT", "css rules");
Это дает возможность задавать стиль выводимого текста. Функция console.image в данной библиотеке просто выводит невидимый текст с background-image.
Там именно так и сделали :)
console.image = function(url, scale) {
scale = scale || 1;
var img = new Image();
img.onload = function() {
var dim = getBox(this.width * scale, this.height * scale);
console.log("%c" + dim.string, dim.style + «background: url(» + url + "); color: transparent;");
};
img.src = url;
};
console.image = function(url, scale) {
scale = scale || 1;
var img = new Image();
img.onload = function() {
var dim = getBox(this.width * scale, this.height * scale);
console.log("%c" + dim.string, dim.style + «background: url(» + url + "); color: transparent;");
};
img.src = url;
};
Разве какую-то практическую ценность console.image() несет?
Очень вряд ли.
Если только например туда промежуточные стадии отрисовки выводить, но для этого уже есть Canvas inspector.
Если только например туда промежуточные стадии отрисовки выводить, но для этого уже есть Canvas inspector.
Во всяком случае, практической пользы чуть больше чем от console.meme. :)
Пасхалки для тех, кто заглядывает в консоль можно делать )
Быстрый просмотр dataURI?
да, часто нужно посмотреть картинку, которая фоном идет либо в data:URI. Делать это в новом окне менее удобно.
TypeError: Object #<Console> has no method "meme"
Я расстроился. Может у меня хром неправильный?
Я расстроился. Может у меня хром неправильный?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Console.image — Выводим изображения в консоли Chrome Dev Tools