Плагины в google chrome

Для работы с некоторыми сайтами очень удобно использовать свои дополнения, добавляющие удобств в работе с информацией. Такие дополнения позволяет внедрять браузер google chrome.

Для загрузки плагина нужно создать папку, где разместим файл style.css, kremlin_letter.js и manifest.json, в котором указывается информация о плагине по установленной гуглом форме:


{

  "name":"to prezident",

  "version":"1",

  "manifest_version": 2,

  "description":"Помощник в написании письма президенту",

  "content_scripts":[

      {

          "matches":["*://*.kremlin.ru/*"],

          "css":["style.css"],

          "js":["kremlin_letter.js"]

      }

  ]

}

Значение "matches" - шаблон URL (регулярное выражение), если есть совпадение с адресной строкой, то скрипт указанный в значении "js" будет запущен, значение "css" - содержит таблицу стилей - необязательное значение.

Пример использования.

На сайте кремля, "письмо президента", заблокировали ввод текста копированием, стало не удобно вносить ссылки и просто подготовленный текст. Восстановим справедливость не внося в исходный код никаких изменений. Содержание скрипта kremlin_letter.js:


var bc_body = document.getElementById('id-body'), bc_mirror = null;

if(bc_body){

  bc_mirror = bc_body.cloneNode();

  bc_mirror.setAttribute('id','mirror_id-body');

  bc_mirror.setAttribute('name','mirror');

  bc_mirror.className = 'bc-mirror';

  document.body.appendChild(bc_mirror);

  bc_mirror.addEventListener('keyup', function(){

    if(bc_body&&bc_mirror){

      bc_body.innerText = bc_mirror.textContent||bc_mirror.value||bc_mirror.innerText;

    }

  }, false);

}

В результате получим на экране поле для ввода текста любым способом, которое будет обновлять заблокированное поле новым контентом, отслеживая нажатие клавиш.

Скачать плагин