shoorick | Entries tagged with chrome

Что-то стало модно всё подряд писать на яваскрипте. Куда ни глянь — всюду JavaScript, даже за пределами веба. Генератор карт TileMill — на яваскрипте. Текстовые редаторы и IDE теперь тоже на нём же пишут. Потому-то современные редакторы, наверное и тормозят — у них ведь помимо редактора ещё целый браузер внутри! У Komodo Edit и Komodo IDE — Mozilla Firefox, у Атома и Visual Studio Code — Chromium.

ls ~/bin/komodo/lib/mozilla

http://shoorick.ru/2016/09/02/js-everywhere/

В популярной социальной сети «ВКонтакте» пользователи могут иметь, помимо имени с фамилией, отчество либо ~~ник~~ прозвище — его можно видеть, зайдя на страницу пользователя. Но вот если отмечать пользователей на фотографиях, отображается только имя и фамилия — если среди френдов есть однофамильцы-тёзки, становится невозможно понять, как выбрать именно того, кто нужен. Ещё месяц назад можно было, подведя мышь к имени пользователя, увидеть ссылку на его страницу и хотя бы таким образом различить тёзок — теперь же отображается лишь vk.com/null

Придумал способ решить проблему. Проверил для Chromium 20 под Linux Ubuntu 12.04. Вероятно, будет работать в современных версиях Google Chrome и Chromium и в других операционных системах.

Узнайте номер (id) одного из тёзок — он может быть виден сразу, если адрес страницы такого пользователя имеет вид vk.com/id1234567:

если же у пользователя адрес страницы не содержит номер — id можно узнать наведя мышь на кнопку отправки сообщения — отобразится подсказка с адресом вроде vk.com/write1234567
Установите расширение Stylebot (если у вас его до сих пор нет) — оно позволяет не только менять внешний вид страницы, меняя её CSS-стиль, как это делает встроенный в хром отладчик — оно сохраняет изменённый стиль и применяет его при повторном посещении сайтов.
Вызовите Stylebot — это можно сделать, щёлкнув по аббревиатуре CSS, которая появится в правой части адресной строки после установки расширения.
Перейдите в режим редактирования исходного кода стилевых правил — для этого предназначена кнопка «Edit CSS», расположенная в нижнем левом углу окна Stylebot
В открывшемся поле ввода напишите:
```
a[mid="1234567"]:after {
    content: "Суффикс";
}
```
заменив 1234567 на нужный вам номер, а Суффикс — на произвольную строку, которая будет добавлена к фамилии.
Сохраните результат, нажав кнопку «Save» — вы вернётесь к обычному виду Stylebot. Закройте Stylebot — крестик находится в правом верхнем углу.

После этих действий к фамилии пользователя добавится нужный суффикс:
Список

Продолжаю ковырять transition — повернул баян на 90°.

Код с действующим примером выложен на http://jsfiddle.net/shoorick/bp7QM/ (там сразу видно всё: и код с подсветкой синтаксиса, и результат), кроме того, как и в прошлый раз, пример — на http://shoorick.ru/lj/net/accordion-horizontal.html, код — на гитхабе и ( под катом )

Current Mood: попёрло
Current Location: дома

Разбираюсь с модными HTML5 и CSS3, а точнее, с бесскриптовой анимацией, с помощью transition. Попробовал сделать вертикальный (обычный) аккордеон — почти получилось. Ни один яваскрипт не пострадал. Работает под линуксом в Firefox 10, Opera 11.60 и Chromium 14. Под виндой в IE 8 — не работает. В остальных браузерах и ОС пока не тестировал. Modernizr пока тоже не прикручивал.

Действующий пример лежит на http://shoorick.ru/lj/net/accordion-vertical.html, код — на гитхабе и ( под катом )
Следующая задача — повернуть получившийся баян на 90° — с ней я почти придумал, как справиться. Дальшейшие — смена картинок и прокрутка содержимого блока без участия яваскрипта и посетителя сайта — пока туманны. Но всё равно придумаю. Или нагуглю. Хотя в девизе моей альма-матери другой порядок действий: Нагуглю или придумаю. Aut viam inveniam, aut faciam.

Current Mood: спать пора
Current Location: Челябинск

JavaScript в файрфоксе (3.6.16 под убунтой) работает как-то странно: функция Math.floor, когда вызвана из скрипта, не желает округлять свой аргумент — координаты элемента и возвращает его в неизменном виде, с длинным хвостом из знаков после запятой. Хотя при вызове из отладочной консоли работает вполне исправно.

В других браузерах (MSIE, Opera, Chrome) координаты целочисленны, но отображаемый и скрываемый скриптом на jQuery элемент скачет по всей странице, вместо того, чтобы сидеть на одном месте. Похоже, каким-то образом его абсолютное позиционирование становится относительным.

Нашёл методом тыка странный костыль: при скрытии элемента загоняю его в угол:

$('#strange').offset({top:0, left:0});

После чего, при следующем отображении, элемент встаёт в нужную позицию.

Current Mood: это не баг, это фича!
Current Music: Запрещённые Барабанщики - Шаурма

Если показанные в статистике w3schools тенденции изменения использования браузеров сохранятся, то уже этой весной Google Chrome станет популярнее, чем Internet Explorer. И это хорошо.

Увидел сегодня на UWDC ещё один метод быстрого создания презентаций — свердловчане Антон Халиков и Роман Иманкулов использовали в своих докладах S5: A Simple Standards-Based Slide Show System — систему, где презентация хранится в HTML-файле. S5, в отличие от takahashi, работает (вроде бы) в разных браузерах (а не только в файрфоксе < 3.6) — у меня оно успешно заработало в Google Chrome. Достигается это за счёт использования не специфического для мозиллы XUL-файла, описывающего интерфейс, а обычного HTML: синтаксис самого описания презентации получается более сложным по сравнению с простым текстовым описанием, применяемым в takahashi, но тому, кто знает HTML, это не страшно. Внешний вид, вроде, можно выбирать из готовых тем, а можно и перекрасить всё вручную правкой CSS-файла.

В качестве тренировки слепил коротенькую презентацию о Lingua::RU::Inflect — можно делать блиц-доклад? :-)

Firefox жрёт системное время непонятно на что:

 PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND
1153 as        20   0  982m 290m  32m R   72 10.4 112:02.99 firefox

при этом он тупо ничего такого не делает, что требовало бы процессорного времени: страницы не перелистывает, всякую анимацию не показывает. Чем занимается — вообще непонятно. Чё делать? Куды бежать? Opera? Konqueror? Chrome?

upd/00:38: Поставил Google Chrome. Работает шустрее, процессор почти не ест: точнее, ест лишь в момент загрузки и отрисовки страницы, да и то — незначительно.