браузер


[Safari] QuotaExceededError: Dom exception 22

Столкнулись с проблемой, что в мобильном браузере Safari на iOS не работала функция сохранения данных в localStorage. Попытка записи вызывала ошибку: QuotaExceededError: Dom exception 22: An attempt was made to add something to storage that exceeded the quota Проблема, кстати, была бы не замечена, если не открытая приватная вкладка (режим «Инкогнито»). Оказывается, у Safari есть такое странное […]

[CSS] Сглаживание шрифтов в Firefox (OS X)

Для принудительного включения сглаживания шрифтов в Firefox (на OS X) достаточно прописать в стиль следующее свойство: body { -moz-osx-font-smoothing: grayscale; }body { -moz-osx-font-smoothing: grayscale; } Данное свойство поддерживается Firefox начиная с версии 25. Без данного свойства шрифт в Firefox на OS X рендерится так, что он кажется более толстым. Пример текста без использования сглаживания и с включенным глаживанием:

[Решение] Как убрать иконку "Отсутствует изображение" в браузере

По умолчанию браузер, если не может загрузить изображение в теге <img>, показывает соответствующую иконку (изображение иконки зависит от используемого браузера): Чтобы не показывать данную иконку, нужно для тега <img> прописать следующее: onerror=»this.style.visibility = ‘hidden'»

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

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

Как сделать сайт черно-белым?

Сделать сайт полностью черно-белым довольно легко, для этого нужно воспользоваться CSS Filter Effects: filter: gray; filter: gray; filter: url(«data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale»); -webkit-filter: grayscale(100%);

Tor Browser и Adobe Flash Player

Так уж случилось, что в версии Tor Browser под Mac OS нет плагина Flash Player. Соответственно, посмотреть контент, который использует флеш, не представляется возможным. Тем не менее, данная проблема решаема. Если у вас Mac OS 10.9 и есть установленный в системе Adobe Flash Player, то необходимо зайти в директорию: /Library/Internet Plug-Ins Найти там два файла: Flash Player.plugin flashplayer.xpt И скопировать их […]

О поведении "Refresh" в браузере

В этой заметке пойдет речь на тему браузерного кэша и управления им. Для того, чтобы обновить страницу в браузере, многие используют привычную кнопку F5, хотя существует еще и такая комбинация, как Ctrl + F5. Так в чем же здесь отличие? Для начала нужно знать, что веб-браузер умеет создавать два типа HTTP-запросов — условный и безусловный. […]

[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» и […]