Сделать браузер на свой вкус

SEO sprint - Всё для максимальной раскрутки!
В
Ы
Б
Р
А
Т
Ь

И
Г
Р
У

- Игры -

По алфавиту

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 мб
Источник




Оценить


сайт евротакси

Комментарии на странице



Выбрать игру

icon