Делаем "свой" браузер
Если в нескольких словах - то сначала надо сделать расширение для браузера гугл хром, это будет несложно, пример смотри ниже.
Больше придётся поработать с файлами html, css, и фотографиями, чтобы создавать внешний вид "своему" браузеру.
Первым делом надо скачать с официального сайта браузер "Chrome Dev" для разработчиков , с этим браузером наше расширение будет работать лучше (проверено), чем с обычным.
Скачаный "Chrome Dev" устанавливайте на компьютер, и если у Вас уже установлен обычный Гугл хром, не беда, эти два браузера будут работать отдельно, и "ругаться" друг на друга не будут.
Далее готовим расширение для нашего браузера.
Создаём в диске "D" новую папку с названием к примеру My_browse , затем в этой папке жмём правую кнопку и, ... "Создать текстовый документ" ... , открываем его и вставляем следующий код:
{
"chrome_url_overrides": {
"newtab": "empty.html"
},
"name": "Empty New Tab Page",
"manifest_version": 3,
"version": "1.0"
}
Жмём "Сохранить как" , и вставляем имя файла manifest.json , тип файла выбрать "Все файлы" , жмём ОК.
В папке появится файл с именем "manifest" и типом файла "json" , а простой текстовый файл теперь можно удалить.
Теперь создадим в этой же папке файл HTML , жмём правую кнопку и ... "Создать текстовый документ", вставляем в него следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Мой браузер</title>
</head>
<body>
<h1>Сделаем "свой" красивый браузер</h1>
</body>
</html>
Жмём "Сохранить как", и вставляем имя файла empty.html , тип файла выбрать "Все файлы" , кодировку выбрать "UTF-8" , жмём ОК.
В папке появится файл с именем "empty" и типом файла "html" , простой текстовый файл теперь можно удалить.
Расширение готово, далее устанавливаем его в браузер.
Если Вы уже скачали и установили "Chrome Dev" для разработчиков, запускаем его и жмём кнопку меню в Верхнем правом углу , там выбрать строку - Дополнительные инструменты и ... Расширения .
В окне Расширения: (см. фото)
1. Включить кнопку " Режим разработчика " - вверху справа.
2. Жмём кнопку " Загрузить распакованное расширение ", ... и далее в всплывшем окне надо найти папку " My_browse ", которую создавали в диске " D ", ( открывать папку не надо, только выделить ), нажать кнопку " Выбрать " , и "ОК".
Всё, сейчас расширение должно быть установлено в окне Расширений браузера (см. фото). Открывайте теперь новую вкладку и смотрите "начальный" вид "своего нового" браузера Гугл хром. В всплывшем окошке нажмите "Сохранить" .
Чтобы сразу не отбить у Вас настроение, покажу пример как может выглядеть Ваш любимый браузер.
Теперь новое окно будет у Вас появляться всегда, и при включении браузера, и открытия новой вкладки.
В своём браузере вставил вверху текущую дату и время (может работать как бегущая строка), сделал поисковую форму с выходом в Google com. Ещё добавил большой календарь, в нём можно смотреть прошлые и будущие года. Также можно сделать в нем "напоминания" для нужных дат, например с днюхами своих друзей, родственниками и т.д. (один раз сделать напоминания и они будут на все будущие года ) - см. фото.
Вообщем нужно желание что бы сделать для себя красивый "свой" браузер.
В расширение я добавил папки: css, js, fonts, images - для ещё больших возможностей.
Сделаный браузер можно скачать для ознакомления по прямой ссылке с сайта:
скачать zip архив 5,2 мб
Источник
Оценить статью
