Pull to refresh

Его величество Vimperator начал наступление, внезапно, с востока

Reading time 1 min
Views 3K
Google Chrome
С тех пор, как Хром начал стабильно работать под Linux, я начал пользоваться этим замечательным браузером.Действительно, к скорости привыкаешь быстро, после этого другие браузеры уже «не то».
И как активный пользователь плагина редактора Vim, и Vimperator для Firefox, мне постоянно приходилось мириться с мгновением недоумения, когда я нажимал «j», чтобы прокрутить страницу, а в Хроме совершенным образом ничего не происходило, после чего я, поплевавшись, хватался за мышь.

И вот недавно совершенно случайно наткнулся проект, создаваемый японским программистом, который, конечно не реализовывает весь потенциал Vimperatora, но самые любимые функции, в нём присутствуют, а именно:
  • Навигация по: j,k,l,h
  • Hint mode: (f, F)
Внутри полей ввода:
  • Esc, Сtrl+[ — переход в нормальный режим
  • Сtrl+a — переход в начало поля, выделить все по повторному нажатию
  • Сtrl+e — переход в конец поля
  • Сtrl+f — Курсор вправо
  • Сtrl+e — Курсор влево
  • Сtrl+d — Удаление вправо
  • Сtrl+h — Удаление влево
Нормальный режим
  • r — Перезагрузить страницу
  • d — Закрыть страницу
  • u — Восстановить закрытую страницу страницу
  • H — Переход назад в истории
  • L — Переход вперед в истории
  • G — Cкролл самый низ страницы
  • gg — Cкролл самый верх страницы
  • 0 — Cкролл в начало страницы(горизонтально)
  • $ — Cкролл в конец страницы(горизонтально)
Видео, демонстрирующее основы работы:

Страница проекта (translated by google)
Страница проекта (japanese)
Total votes 12: ↑7 and ↓5 +2
Comments 9

Идея для Google Buzz скрипта

Reading time 1 min
Views 367
Lumber room
Подаю идею написать скрипт для Google Buzz!
Скрипт должен подцеплять ссылку нa Google Profile пользователя и вытаскивать имя, именно это и есть адрес gmail ящика.
Например http://www.google.com/profiles/pupkin.vasja#buzz
Адрес электронной почты pupkin.vasja@gmail.com. Скрипт должен вставить иконку и ссылку ( icon ) рядом с именем.
Скрипт должен работать на базе Chrome Extensions или Greasеmonkey.
Пример:

image
UPD: 10.06.2010
Только что нашел: Buzz Plus
Total votes 8: ↑1 and ↓7 -6
Comments 6

RZD+: Расширение Chrome для упрощения процесса покупки билетов на сайте РЖД

Reading time 2 min
Views 7.3K
Google Chrome
Вкратце: как многие знают, что сайт РЖД ticket.rzd.ru не очень приятен — слишком много нужно тыкать мышкой, чтобы узнать цены билетов на разные поезда. Расширение RZD+ для Chrome может сделать процесс покупки на сайте РЖД чуточку проще — теперь при покупке билета в шаге выбора поезда достаточно нажать на кнопку «Инфо» в правой части описания поезда, чтобы без перехода на другие страницы посмотреть информацию о ценах и количестве мест разных типов в выбранном поезде.
rzd+ icon

Читать дальше →
Total votes 44: ↑40 and ↓4 +36
Comments 47

Safy — расширение Google Chrome для безопасного серфинга

Reading time 1 min
Views 1.3K
Google Chrome
Safy — это расширение для Google Chrome, которое открывает ссылки в iframe-песочнице, тем самым предотвращает запуск javascript и плагинов. Т.е. получается безопасный серфинг, без баннеров, всплывающих окон, флеша и других плагинов.
Total votes 21: ↑8 and ↓13 -5
Comments 13

Менеджерское самоуправление

Reading time 1 min
Views 423
Lumber room
Управлять другими людьми тяжело, но еще сложнее управлять собой и своим временем.
Сколько рабочего времени вы проводите на отвелкающих сайтах вроде http://twitter.com, http://facebook.com, vkontakte.ru/ и т.д.? 10 минут с утра, чуток после обеда, несколько раз по ходу дня, а потом бац — 2 часа.
Читать дальше →
Total votes 15: ↑8 and ↓7 +1
Comments 9

GTUGи России при поддержке Google приглашают на хакатоны по Google Chrome и конкурс с призами

Reading time 3 min
Views 3.7K
Google Developers corporate blog
Что такое Chrome Hackathons & Contest?
Это соревнование между разработчиками, которые желают создать самые лучшие в мире расширения для Google Chrome и приложения Chrome Web Apps.Основные хакатоны будут проходить 27 и 28 августа, в выходные дни, с ключевыми докладчиками из Google: Ilmari Heikkinen (Developer Programs Engineer) в Москве и Mike West (Chrome Advocate) в Санкт-Петербурге. Также будут проходить в эти же дни хакатоны в Уфе, Воронеже и Омске.

Цель конкурса?
Цель — сделать наш с вами любимый браузер Google Chrome более удобным для нас и для пользователей путем создания отличных веб-приложений и расширений, на основе собранных от пользователей Chrome просьб и пожеланий.

Расширение: расширение не должно повторять существующие (но может быть и улучшением существующих расширений). Вы можете опираться на предложенные пользователями расширения, но эти расширения, тем не менее, должны попадать под категории Browser Actions или Page Actions; в рамках этого технического конкурса мы не учитываем расширения типа Themes или Override Pages. Расширения оцениваются по решению реальных задач пользователей и технической имплементации.

Приложение: приложение должно в идеале не повторять существующие. Приложения оцениваются по решению реальных задач пользователей и технической имплементации.

Когда будут проходить хакатоны и конкурс?
Хакатоны и сам конкурс будут организованы в 4 этапа:
  1. Chrome Hackathons — 27-28 августа: 2-хдневное мероприятие в 5 городах.
  2. Chrome Contest — 29 августа — 8 октября: онлайн-конкурс, проходящий на протяжении месяца, разработчики завершают свои приложения и расширения и готовятся к финалу.
  3. Финал — DemoFest — 9 октября: Мероприятие проходит в московском офисе Google.
  4. Представление и награждение победителей на GDD 2011 — 10 октября: Мероприятие проходит на GDD 2011 Russia.

Победители
Трое победителей получают ноутбуки Mac Book Air, которые будут вручены во время церемонии награждения на Google Developer Day 2011 Russia. Дополнительные 4-ые и 5-ые места будут награждены ценными призами.

Читать дальше →
Total votes 22: ↑21 and ↓1 +20
Comments 12

Userscripts. Упаковываем юзерскрипт для Chrome

Reading time 5 min
Views 35K
JavaScript *
Tutorial
Доброго времени суток, уважаемые хабражители.

Сегодня мы поговорим подробней об упоминавшейся вскольз технологии написания кроссбраузерных юзерскриптов, а именно об упаковывании юзерскрипта в простейшее расширение для Google Chrome.

Ниже я постараюсь овтетить на вопросы «зачем ?» и «как ?».
Утолим жажду знаний
Total votes 25: ↑18 and ↓7 +11
Comments 10

Грязными руками на титульную страницу Google

Reading time 2 min
Views 1K
Google Chrome
Хочу рассказать о маленьком расширении к хрому, которое неожиданно родилось у нас в компании.

Меня всегда раздражало в Google Chrome его ориентированность на отдельный поисковик. Ничего не имею против поиска от Google, но бывают ситуации, когда необходимо воспользоваться альтернативой (для меня это, как правило, Яндекс). В Firefox, например, для этого просто надо выбрать в выпадающем списке нужный поисковой движок, а в Хроме приходится либо вбивать урл другого поисковика и повторять запрос там, либо менять дефолтный поиск, что, мягко говоря, неинтуитивно и избыточно. Не так давно Google наконец привел все свои сервисы к единому знаменателю: тыкая кнопки меню вверху страницы, можно повторять поиск в почте, документах и даже на Youtube с сохранением поискового запроса. Возникла естественная идея прикрутить туда же кнопочку для Яндекса. Что из этого вышло — под катом.

Читать дальше →
Total votes 30: ↑17 and ↓13 +4
Comments 51

VK Offline — E-mail клиент и адресная книга на основе данных ваших профилей ВКонтакте

Reading time 3 min
Views 14K
Self Promo
Полгода назад мы рассказывали вам о нашем приложении VK Offline для Google Chrome, которое воплощало концепт E-mail клиента и адресной книги на основе данных ваших профилей ВКонтакте. С тех пор утекло много воды, и приложение доросло до четверой версии, воплотив почти все наши задумки. Сейчас VK Offline — это одно из лучших приложений в российском Chrome Web Store, которое объединяет легкость и простоту диалогов ВКонтакте с удобными и привычными функциями любого E-mail клиента и адресной книги.

Мы прошли большой путь при разработке приложения и хотели бы поделиться с вами информацией о ключевых возможностях, которые есть в приложении сейчас, а также об основных технических приемах, которые мы используем при разработке и тестировании приложения.
Читать дальше →
Total votes 39: ↑32 and ↓7 +25
Comments 35

StayFocusd или связывание себя по рукам и глазам

Reading time 4 min
Views 33K
Google Chrome
Hello, Хабр.

Ответьте, уважаемые читатели, мне на один вопрос — не должны ли вы сейчас заниматься каким нибудь полезным делом вместо чтения Хабра? Возможно над вами нависает проект, который необходимо отослать уже вчера? Или лабораторная в университете, которую нужно сдавать уже сегодня утром? Или экзамен, собеседование, а может семья, или просто хорошая книга?

Но вы здесь. Или еще где-то, но только не там, где должны.

image

Если вы понимаете о чем я - добро пожаловать под кат.
Total votes 50: ↑38 and ↓12 +26
Comments 39

Bot watchers — свобода комментирования

Reading time 3 min
Views 2.6K
Information Security *

Введение


Комментирование статей в СМИ и блогах давно вошло в привычку.
Комментарии — это удобный инструмент для обмена мнениями между читателями, установления обратной связи с автором и возможность отразить альтернативные точки зрения и т.п. Отдельно стоит отметить, что комментарии оказывают существенное влияние на восприятие и оценку информации, приведённой в статье.
Всё это работает при условии что в процессе участвуют на равных условиях адекватные пользователи уважающие мнение друг друга.
Однако, есть личности которые не готовы играть по общим правилах. Они не готовы ужиться с тем, что нормальные пользователи мирно обмениваются мнениями и информацией. Эти личности также обладают достаточными ресурсами для нарушения равновесия. Они натравливают ботов и Путин-югенд на мирных комментаторов. Баланс таким образом нарушается. За счёт материальных ресурсов, тот кто обладает одним голосом получает возможность значительно большего влияния на общественное мнение.
Читать дальше →
Total votes 12: ↑6 and ↓6 0
Comments 6

Chrome extension — с шахматами и библиотекаршами

Reading time 3 min
Views 18K
Website development *JavaScript *Google Chrome
Sandbox
Добрый день, любители ездить на чужих велосипедах, у которых нет сиденья, педали надо крутить руками, а тормоза появятся через пару релизов.

Задача:
Создать расширение для браузера Chrome, которое сможет в любой из открытых табов внедрить необходимый контент и небольшой управляющий модуль для него, и если этот контент внедрен в несколько разных табов, то управляющие модули должны иметь возможность между собой общаться.

Доступные инструменты:
Content Scripts, Background Pages, Message Passing

Алгоритм решения:
Создать общий управляющий модуль который будет создавать модули потомки и управлять ими, наладить с каждым из них механизм обратной связи.

Читать дальше →
Total votes 15: ↑11 and ↓4 +7
Comments 5

Extensionizr — шаблонизатор дополнений для хрома

Reading time 3 min
Views 11K
Website development *JavaScript *Google Chrome
Привет хабравчане!
Увидев мой проект в блоге компании Zfort Group (тут) я решил поделится с вами обзором про проект и его реализацией.

Идея: быстро создать базовый шаблон для дополнений хрома, включая конфиг в manifest.json.
Extensionizr.com построен как веб-приложение, и на выходе генерирует zip архив.
Всё происходит на стороне клиента с помощью Javascript, включая архивацию.


Подробности
Total votes 42: ↑36 and ↓6 +30
Comments 24

Web Inspector в Chrome Notifications

Reading time 1 min
Views 6.3K
Google Chrome
Recovery mode
Доброе утро хабр.
Более полу года назад я решил обновить моё первое и единственное расширение для chrome.
Не очень замысловатый таймер с возможностью запускать несколько счётчиков одновременно, первый в своём роде :), но не в этом суть.
С разработкой расширения мне очень помогал Web Inspector. Вызывается эта утилита не так легко как для простой странички, а по специальной ссылке, сгенерированной для каждой страницы расширения.
Читать дальше →
Total votes 36: ↑34 and ↓2 +32
Comments 4

Браузер дешевле светофора

Reading time 4 min
Views 18K
IT systems testing *Google Chrome
Sandbox
Я уже с 25 февраля завидую этим владельцам светофора. В целом визуализация мониторинга всегда была для меня интереснее, чем уведомления по почте или смс. Но все сводилось к отдельной страничке с состоянием системы, на которую нужно было заходить для проверки. А вот после прочтения поста и осознания, что светофор слишком экстравагантный инструмент, появилась интересная мысль — реализовать светофор в браузере! Ведь сейчас мы практически каждые несколько минут открываем браузер за тем или иным.

Подробности под катом.
Читать дальше →
Total votes 26: ↑21 and ↓5 +16
Comments 22

Модифицируем Chrome Logger — пост как стимул к изучению расширений Google Chrome и написанию своих

Reading time 3 min
Views 7.2K
Website development *PHP *Browser extensions
Tutorial
В своем комментарии: habrahabr.ru/post/177709/#comment_6169843 я описал проблему расширения из соответствующей статьи, кроме редиректов также есть проблемы с выводом логов AJAX запросов и возможно в некоторых случаях с iframe заголовками.
Я решил разобраться почему это происходит и понял, что то мое утверждение было слишком категоричным. После того как webRequest перестал быть экспериментальным developer.chrome.com/extensions/experimental.webRequest.html теперь можно писать логеры «на заголовках» обрабатывающие все, ранее проблемные, ситуации. Я не ставлю своей целью разобрать все такие ситуации, просто хотел бы показать — как можно модифицировать расширение Chrome Logger для решения части вышеуказанных проблем и возможно заинтересовать желающих разобраться с расширениями Google Chrome на простом примере. Может быть у кого-то после прочтения поста возникнет желание написать свое расширение.
Кому интересно - читаем дальше
Total votes 9: ↑5 and ↓4 +1
Comments 6

Скачивать музыку и видео с ВК средствами браузера Chrome, используя свое расширение

Reading time 9 min
Views 22K
JavaScript *Google Chrome
Sandbox
Добрый день, уважаемые Хабражители. Сегодня хочу поделиться с Вами кодами на Javascript для возможности перекачивания музыки и видео с ВК своими ручками на свой персональный компьютер. Ведь нетрудно себе представить, как записал клевый клип и музыку, потом закачал их туда, но на твоем компьютере все это добро куда то пропало… Что ж, не беда! Мы выкачаем то, что мы закачали туда обратно. Главное, что нам это наш браузер, да сайт позволяют, осталось пораскинуть мозгами.

Для начала нам надо распарсить аудиофайлы… Итак, возьмемся за класс «area clear_fix» и будем пихать в массив то, что принадлежит к классу «play_new». Сначала присвоим в массиве стили, чтобы отловить положение элементов на странице (в последующем для отображения кнопочек рядышком). Потом получим ссылки из input и имя будущего файла из тега b. Потом нужно будет присваивать новым ссылочкам, которые мы будем создавать атрибут download.

function audio(){
var main_div=document.getElementsByClassName("area clear_fix");
for(var i=0;i<main_div.length;i++){
if(main_div[i].parentNode.firstChild.href){
main_div[i].parentNode.firstChild.style.top=main_div[i].getElementsByClassName('play_new')[0].offsetTop+"px";
continue;
}
var _mp3_=main_div[i].getElementsByTagName("input")[0].value.split(",")[0];
var _b_=main_div[i].getElementsByTagName("b")[0];
var _top_=document.getElementById(main_div[0].parentNode.id.replace('audio','play')).offsetTop+"px";
var _t_=main_div[i].getElementsByClassName('play_new')[0].offsetTop+"px";
 var span=main_div[i].getElementsByTagName('span')[0];
 var ispan=span.innerHTML;
  if(span.children[0]){
   var ispan=span.children[0].innerHTML;
  }
var _a_=document.createElement("a");
//_a_.href=""+_mp3_+"&name="+_b_.children[0].innerHTML+"-"+ispan;
_a_.href = _mp3_.substring(0, _mp3_.indexOf('.mp3') + 4);
_a_.download=trim(_b_.children[0].innerHTML+"-"+ispan)+".mp3";
_a_.title='Скачать '+_b_.children[0].innerHTML+"-"+ispan;
_a_.draggable="true";
_a_.innerHTML='<span style="cursor:copy;padding:6px;width:16px;height:16px;background-color:#5F7D9D;color:#fff;border-radius:2px;"><img src="http://st0.vk.me/images/icons/darr.gif" /></span>';
_a_.style.zIndex="10";
_a_.style.left="30px";
_a_.style.top=_t_;
_a_.style.position="absolute";
main_div[i].parentNode.insertBefore(_a_,main_div[i].parentNode.firstChild);
_b_.style.paddingLeft="27px";
}
}


Тут как бы понятно должно быть, все… ну а чтобы отрезать всякий мусор после расширения файла мы применили:
_a_.href = _mp3_.substring(0, _mp3_.indexOf('.mp3') + 4);

В общем уже можно это запустить таким образом через интервал, конечно же если мы находимся на том самом сайте:

setInterval(function(){
  if(window.location.href.indexOf('vk.com')>1) {
 if(document.getElementsByClassName("area clear_fix").length!=0){
  audio();
  }   }  },1000);


Хорошо. Одна функция готова. Пора поведать и о том как скачать видеофайлы…

Читать дальше →
Total votes 30: ↑13 and ↓17 -4
Comments 9

Новый хаб «Chrome Extensions» (с октября 2014 — «Расширения для браузеров»)

Reading time 8 min
Views 20K
JavaScript *GreaseMonkey *Browser extensions
В классификаторе хабов произошло изменение. Все многочисленные статьи про расширения Хрома теперь можно пометить этим хабом, что призываю сделать авторов ранее написанных статей. Кроме этого, по случаю праздника, хотел бы написать обзор об истории расширений и юзерскриптов Хрома, о том, как они сформировались и к какому виду пришли.

Читать дальше →
Total votes 25: ↑19 and ↓6 +13
Comments 3

HTTP Switchboard — NoScript на стероидах

Reading time 2 min
Views 14K
Information Security *Google Chrome Browser extensions
Странно, что на Хабре до сих пор не было ни одного упоминания об этом расширении. Спешу исправить ситуацию.

HTTP Switchboard — расширение для Google Chrome, которое позволяет пользователю блокировать ресурсы сайта посредством динамических черных и белых списков. Проще говоря, с помощью HTTP Switchboard можно выборочно разрешать или запрещать загрузку печенек, css, картинок, плагинов, скриптов, XHR, фреймов и прочих элементов для любого сайта. Так же недавно появилась частичная поддержка фильтров AdBlock+ и возможность блокировки фоновых запросов браузера (behind-the-scene HTTP requests).



Это расширение нельзя назвать интуитивно понятным, поэтому вкратце опишу элементы интерфейса и основные принципы работы.
Читать дальше →
Total votes 12: ↑9 and ↓3 +6
Comments 6
1