Google Chrome

WebDEVTools WebDEVTools содержит несколько инструментов для веб-разработчиков. Простая системная информация (сеть, платформа, память) Просмотр EXIF Кодирование-декодирование текста Url парсер / построитель улучшение вида JSON улучшение вида XML & HTML Преобразование изображения (файла) в DataURI (base64 кодировка) Website Code Generators На самом деле это просто ссылка на сайт, где вы можете сгенерировать необходимый код. Генерация CSS3, HTML5, микроданных и многого другого. Живой предспросмотр делает легче использование. Скопируйте код на ваш сайт. ...

WhatFont Показывает вид шрифта при активации расширения и наведении на элемемент страницы What Font* IcoMoon https://icomoon.io/* сайт теперь уже в виде Chrome-приложения. Для просмотра векторных иконок для их загрузки или для создания своего иконочного шрифта. IcoMoon** DomFlags Расширение для более быстрой работы с Chrome Developer Tools. В видео показано как работать с этим расширением. * DomFlags* [[googleAdsense]] Form Filler Расширение для автозаполнения форм при их тестировании. Form Filler* ...

Спасибо Александру Крайнёву и Светлане Суховейко за полезные советы. Pagespeed insights Pagespeed insights — Chrome инструмент для оптимизации загрузки веб-страниц. Web-developer checklist Web Developer Checklist — чеклист веб-разработчика для анализа всех параметров сайта и поиска ошибок. ColorZilla ColorZilla — ColorZilla для Google Chrome это расширение, которое помогает веб-разработчикам и графическим дизайнерам и задачи, связанные с цветом — базовые и продвинутые. ColorZilla включает Color Picker, Eye Dropper, Gradient Generator и много других дополнительных цветовых инструментов. ...

Это можно легко сделать, но нужно содержать профили бета и стабильной версии отдельно. Приведенные ниже инстукции хороши для Mac, но сработают так же хорошо и для Windows. Скачайте бета-версию по ссылке. Извлеките приложение в папку Downloads Переименуйте бета-приложение в Google Chrome Beta.app и переместите его в папку Applications. Запустите следующее в терминале: /Applications/Google\ Chrome\ Beta.app/Contents/MacOS/Google\ Chrome --user-data-dir=~/chromebetaprofile Путь после –user-data-dir= это место, где будет содержаться ваш профиль для Chrome Beta. Можете его переместить в другое место. Теперь вы запускаете Chrome Beta наравне со стабильной версией. Теперь давайте сделаем иконку для того, чтобы отличать эти версии: ...

Вступление Рабочие области Указание папки рабочей области Привязка папки к URL Sass отладка (экспериментальная возможность) Использование Sass отладки Как всё работает Упрощённая отладка в Хроме для Android Использование расширения ADB Обратная направленность порта (экспериментальная) Визуализация флейм-чарта для профилей JavaScript Пять ключевых измерений производительности Статья в процессе перевода Вступление Сложность и функционал веб-приложений с каждым днём растёт так же как и Инструменты разработчика Chrome. В этом резюме выступления Пола Айриша (Paul Irish) на Google I/O 2013 Chrome DevTools Revolutions 2013, вы познакомитесь с последними особенностями, которые революционно изменили способ разработки и тестирования веб-приложений. ...

Хотите изменить вид Веб инспектора в вашем Google Chrome? Нет ничего проще. Я предпочитаю использовать тему аналогичную теме в моей IDE, чтобы не перенастраивать глаза (мозги:). Находим следующий файл: Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css PC: C:/Users/YourUsername/AppData/Local/GoogleChrome/User Data/Default/User StyleSheets/Custom.css Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css и меняем на нужную вам тему: Темы Инструментов разработчика Хром: Sight https://github.com/tsenart/sight MNML: https://gist.github.com/bc12d6bb85ffb96042e8(также темы Панели элементов, заголовки, консоль и остальное) автор +Michael P. Pfeiffer Monokai Dark: https://gist.github.com/bc12d6bb85ffb96042e8 Tomorrow: https://gist.github.com/1163300 ...

Для разработчиков важно знать и понимать как использовать браузерные стредства разработки. В этом уроке я представлю ознакомлю вас с Chrome Developer Tools. Вам необходимо освоить основы, начиная с разметки и стилизации веб-страницы. **Заметка для уже использующих вебинструменты.**: Целью этого урока является базовое ознакомление с инструментами разработчика Chrome. Если вы используете другие браузерные вебинстументы, такие как Firebug в Firefox или средства разработки в IE, то многое из этой информации будет для вас знакомым. Вступление Инструменты разработки позволяют вам инспектировать всё что только можно на странице. Например вы можете: ...