chrome


[Chrome] Изменение политики отображения mixed content

Начиная с версии Google Chrome 46 изменилась концепция информирования о защищенном соединении (HTTPS) в адресной строке браузера. Теперь, для страниц со смешанным содержанием (mixed content), часть которого использует HTTPS, а другая часть HTTP, не будет показываться желтый предупреждающий значок. Вместого этого будет отображаться значок «лист бумаги», тот, который используется для индикации работы по протоколу HTTP. На данный момент […]

Удаленная отладка веб-сайтов на Android и iOS

Поведение веб-контента на мобильном устройстве порой отличается от того, что мы видим в десктопном браузере. Чтобы понять причины проблем, можно обратиться к удаленной отладке (к примеру, через веб-инспектор). Android (браузер Chrome) – инструкция по удаленной отладке доступна здесь. Android (браузер Firefox) – инструкция по удаленной отладке доступна здесь. iOS (браузер Safari) – инструкция по удаленной отладке доступна […]

[Chrome] Тормоза при использовании "-webkit-filter: blur"

Решили на одном из сайтом заблюрить фон, однако заметили, что в браузере Google Chrome это вызывает определенные тормоза при прокрутке страницы. Как и предполагали, проблема в аппаратном ускорении. Для Chrome, оказывается, лучше всего явно задавать свойство для использования аппаратного ускорения (через GPU), что сразу же позволит увеличить FPS: -webkit-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);

[Android] Изменение цвета заголовка вкладки в Google Chrome

Обновление операционной системы Android до 5.0 принесло еще одну интересную «фишку» – теперь заголовки вкладок в браузере Google Chrome можно перекрашивать в кастомные цвета (по умолчанию они сероватого цвета). Для того, чтобы установить цвет заголовка вкладки, достаточно в коде страницы прописать следующее: <meta name=»theme-color» content=»#3F51B5″>

Обход запрета выделения текста на странице

На некоторых сайтах можно встретить ситуацию, когда выделение текста прямо запрещено – при попытке выделить стандартным способом с зажатой левой кнопкой, ничего не происходит. Делают это, обычно, для того, чтобы напакостить любителям копипаста. В других же случаях это просто необходимо (формы Drag&Drop, выделение текста кнопок и пр.) Чтобы запретить выделение текста, можно воспользоваться вендорными свойствами CSS. Пример для браузеров […]

[Chrome] Проблемы со сглаживанием шрифтов

Для разрабатываемого нами приложения мы решили использовать шрифт с разным начертание по толщине (или как еще говорят, по насыщенности). Минимальная толщина шрифта, которую мы используем, это 300 (font-weight: 300). Шрифт подключаем через @font-face с указанием на хост, от куда его нужно брать и при этом используем два формата шрифтов — WOFF и TTF. Все это должно помочь […]

[Web Inspector] Разница между Size и Content

В Chrome Web Inspector есть раздел Network, представленный в виде таблицы. В ней есть столбец «Size, Content». Различие между двумя этими величинами в следующем: «Size» — это размер данных, переданным по сети, в то время как «Content» представляет собой фактический размер этих данных. Есть несколько причин, по которым цифры у «Size» и «Content» расходятся: — […]

[Chrome] Куда подевались настройки эмуляции?

Начиная с последних версий браузера Google Chrome из привычного места пропали опции настройки User-Agent’а, размером экрана и пр. Все это раньше можно было сделать через инструменты разработчика (F12 -> Settings -> Overrides). Я использую версию 32.0.1700.72 m и вот что сейчас есть в этом разделе: Пичаль, ведь там нет ничего нам нужного! Думаете, что из Chrome удалили так […]

[Chrome] Красный цвет окна браузера

Сегодня обнаружил, что после обновления Google Chrome до версии 32.0.1700.72 m, все окно браузера было в красном полупрозрачном цвете: Проблема была явно локальной, а поиск в сети ответа не дал. Пошел в chrome://flags и начал экспериментировать в опциями. Вторая же по счету, которая называется «Переопределение списка программного рендеринга Mac, Windows, Linux, Chrome OS, Android» и […]