Расширения для браузера Download pagE

Расширение предназначено для распечатки страниц сайтов в интернете при клике на кнопку

Если хочешь скрыть кнопку, нужно нажать на клавишу ‘S’, чтобы появилась кнопка повтори нажатие

1. Файл manifest.json содержит:

{

  "name": "Download page",
  "description": "Download page site",
  "version": "0.0.1",
  "manifest_version": 2,
  "content_scripts": [
      {
        "matches": ["<all_urls>"],
        "js": ["script.js"],
        "css": ["style.css"]
      }
    ],
    "permissions": ["storage"]

}

1. Файл script.js содержит:

{
// Создали кнопку buttom 
let buttom = document.createElement('buttom'),
// переменная elem для использования одной клавиши клавиатуры 
    el = false;
// добавляем класс кнопки
buttom.classList.add('print-block');
// добавляем названия кнопки
buttom.innerHTML = 'Print';
// добавляем кнопки на страницу
document.body.append(buttom);

// задаем клик для кнопки
buttom.addEventListener('click', printPage);
// задаем клик для клавиатуры
document.addEventListener('keydown', printPageKey);

// функция для вызова окна для печати при клике
function printPage()
{
    window.print();
}

// функция для вызова окна для печати при клике на клавишу X
function printPageKey()
{


    if ( event.code == 'KeyX' && el === false ){

        buttom.style.display = 'none';
        el = true;
     
    }else if ( event.code == 'KeyX' && el === true ){

        buttom.style.display = 'block';
        el = false;
       
    }
}

1. Файл style.css содержит:

{
// Создали кнопку buttom 
let buttom = document.createElement('buttom'),
//переменная elem для использования одной клавиши клавиатуры 
    el = false;
// добавляем класс кнопки
buttom.classList.add('print-block');
// добавляем названия кнопки
buttom.innerHTML = 'Print';
// добавляем кнопки на страницу
document.body.append(buttom);

// задаем клик для кнопки
buttom.addEventListener('click', printPage);
// задаем клик для клавиатуры
document.addEventListener('keydown', printPageKey);

// функция для вызова окна для печати при клике
function printPage()
{
    window.print();
}

// функция для вызова окна для печати при клике на клавишу X
function printPageKey()
{


    if ( event.code == 'KeyX' && el === false ){

        buttom.style.display = 'none';
        el = true;
     
    }else if ( event.code == 'KeyX' && el === true ){

        buttom.style.display = 'block';
        el = false;
       
    }
}

Ccылка на мой канал DragoN_VL Programming

Автор Влах С.Г.