Сниппеты для Chrome DevTools

[vitvad]

Detecting critical CSS еще один из полезных снипетов, проскакивал недавно у Addy Osmany в блоге

_{Спасибо за ссылку на сборник}

[Quiz]

Не ради холивара, а просто из интереса спрошу: Зачем это всё, если есть Firebug?

[BaNru]

В файрбаге не всё есть. Он так же расширяется плагинами.

Так, например, я к нему недавно подключил "FireStorage Plus!" для работы с localStorage. Ранее подключал другие дополнения для файрбага.

Так что и файрбаг расширяется своими «сниплетами».

[AlexP11223]

Включает поддержку jQuery там, где ее нет.

Может не везде работать из-за content security policy. Будет выдавать ошибку типа Refused to load the script '...' because it violates the following Content Security Policy directive: "script-src https://*.site.com ".
Например, на фейсбуке.

[mehatron]

Для этой же цели есть расширение jquery-injector, и на фейсбуке оно работает.

[z0rg]

А название меню и вообще как включить в русском Хроме, можно? Спасибо.

[monolithed]

Чтобы выводить цвета в hex-нотации, нужно добавить в код Allcolors.js функцию:

var to_hex = function(color) {
	var items = [];

	color.replace(/\d+/g, function(value) {
		items.push(value | 0);
	});

	// Skip RGBA
	if (items.length == 3) {
		return "#" + ((1 << 24) + (items[0] << 16) + (items[1] << 8) + items[2])
			.toString(16).slice(1);
	}

	return color;
};

И заменить c.key на:

to_hex(c.key)

[deNULL]

Почему-то в статье ни слова об одном маленьком нюансе — в данный момент сниппеты можно включить только в Canary.

[mehatron]

У меня они в стабильной версии работают.

[deNULL]

Про Canary написано по второй ссылке в тексте статьи (на официальную документацию).

Возможно, в версии под Mac недоступно. Или я слеп. Флаг #enable-devtools-experiments отметил, вкладка Experiments в настройках DevTools появилась, но ни слова при сниппеты я в этом разделе не вижу.

[mehatron]

Про Canary написано по второй ссылке в тексте статьи

Хм, да, точно.
Вообще в DevTools у меня соответствующей настройки тоже нет, но сниппеты при этом есть. Странно. Может, конечно, я попал в какой-то из списков гугла для проведения эксперимента, они ведь любят иногда включить какую-нибудь функцию для случайных пользователей.

[deNULL]

Всё, спасибо, нашел. Искал галочку в настройках, а наличие самой вкладки проверить не догадался :)

[S0mnium]

Для Linux версии Chrome Canary не существует, но снипеты есть!