Сделать браузер по своему

30.07.2021
14:18, добрый день

Хостинг "Украина"
Качественный - Стабильный - Безопасный - Надежный

Сделайте вид браузера как Вам нравится

Приятно работать в красивом и неординарном браузере, сделаным по своему "вкусу", и что бы выглядел так, как Вам того хочется.
Всё зависит от Вашей фантазии, ну и конечно надо немного дружить с редактором Нотепад++ или ему подобным ...

Посмотреть готовый пример сделаного браузера

И
Г
Р
Ы

- Игры -

По алфавиту

21.05.2019

Делаем "свой" браузер

Если в нескольких словах - то сначала надо сделать расширение для браузера гугл хром, это будет несложно, пример смотри ниже.
Больше придётся поработать с файлами html, css, и фотографиями, чтобы создавать внешний вид "своему" браузеру.

Первым делом надо скачать с официального сайта браузер "Chrome Dev" для разработчиков , с этим браузером наше расширение будет работать лучше (проверено), чем с обычным.
Скачаный "Chrome Dev" устанавливайте на компьютер, и если у Вас уже установлен обычный Гугл хром, не беда, эти два браузера будут работать отдельно, и "ругаться" друг на друга не будут.

Далее готовим расширение для нашего браузера.
Создаём в диске "D" новую папку с названием к примеру My_browse , затем в этой папке жмём правую кнопку и, ... "Создать текстовый документ" ... , открываем его и вставляем следующий код:

{
    "chrome_url_overrides": {
        "newtab": "empty.html"
    },
    "name": "Empty New Tab Page",
    "manifest_version": 2,
    "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 архив 3,2 мб

Источник

Оценить статью