Как добавить окно в экспресс панель гугл хром

Как в гугл хром добавить вкладку в экспресс панель?

Многим известна ситуация с популярным браузером Google Chrome, когда нужно на страницу быстрого доступа добавить вкладку определенного сайта, чтобы при запуске браузера открывалась экспресс панель с нужными сайтами, как например, в браузере opera или яндекс браузере.

как добавить закладку в гугл хром на страницу быстрого доступа

Все дело в том, что сразу при установке гугл хром такой функционал отсутствует. Конечно, нечто похожее на экспресс панель есть, но вот добавлять сайты в нее возможность отсутствует. Гугл хром сам определяет самые посещаемые сайты и добавляет их на страницу быстрого доступа самостоятельно.

Что нужно для появления возможности добавления закладок на страницу быстрого доступа в Google Chrome?

Существует специальное расширение, которое добавляет возможность работы с закладками сайтов в экспресс панели гугл хром. Ставиться оно из официального магазина приложений Google за 1 минуту совершенно бесплатно.

Для начала запускаем Chrome и в правом верхнем углу нажимаем на 3 вертикальные точки.

Заходим в список установленных расширений Гугл Хром

После этого откроется меню, где нужно выбрать “Дополнительные инструменты” -> “Расширения”.

Перед вами откроется окно установленных расширений для браузера Гугл Хром. Слева вверху нажимаете на три горизонтальные полосы левее слова “расширения” и далее внизу “Открыть интернет магазин Chrome”.

Кнопка с тремя горизонтальными полосами

Переходим в магазин установки новых расширений

В открывшемся окне слева вверху, где написано “Поиск по магазину” вводим фразу “Визуальные закладки”. После этого откроется список расширений. Нас интересуют “Визуальные закладки” с подписью ниже “Speed Dial Dev” (Обычно находится на первом месте в списке выдачи).

Ищем расширений визуальных закладок для гугл хром

Нажимаем на кнопку установить. В следующем окне жмем “Установить расширение”.

Устанавливаем визуальные расширения в Google Chrome

Спустя несколько секунд расширение “Визуальные закладки” для Google Chrome будет установлено, а в правом верхнем окне появится запрос с сохранением внесенных изменений, в котором нужно нажать “Сохранить изменения”.

Закрываем обучение для расширения

Соглашаемся с внесением изменений

Перед вами откроется новая стартовая страница браузера гугл хром, на которой можно добавлять закладки в экспресс панель быстрого доступа нажатием на значок “+”.

Добавляем новую закладку в экспресс панель гугл хром

Также в правом верхнем углу можно перейти в настройки экспресс панели, где можно менять количество рядов с вкладками, а также фон панели и многое другое.

настройки визуальных закладок Google Chrome

Как добавить панель в Chrome Dev Tools

Я большой поклонник Chrome Extension API. Это простой (и крутой) способ расширить мой любимый браузер с помощью HTML и JavaScript. Одна из функций, которыми я восхищаюсь уже некоторое время, - это DevTools API. Некоторое время он находился в «экспериментальном» статусе, но теперь (в основном) доступен в основном выпуске.

DevTools API позволяет интегрировать расширения непосредственно в DevTools. Есть несколько примеров этого API.Но нет никаких примеров, подробно описывающих, как создавать панели. Есть документация по созданию панелей, но было непонятно, как использовать этот API в реальном расширении. Некоторое время я копался в этом и наконец понял. Далее следует то, что мне пришлось сделать, чтобы создание панелей заработало. Возможно, это неправильный путь, но он сработал.

Во-первых, вы должны установить значение devtools_page в вашем manifest.json. Вот мой образец манифеста.

Важнейшей частью здесь является devtools_page. Вы указываете HTML-файл, который будет выполняться каждый раз при открытии пользовательского интерфейса devtools.Вот мой HTML-файл:

Немного, правда? Насколько я могу судить, фактический HTML для этого файла никогда не будет отображаться - нигде. Вместо этого весь смысл этого файла - загрузить сценарий JavaScript. Если это так, было бы неплохо, если бы Google позволил нам вместо этого просто указать devtools_page на сценарий JavaScript. Теперь посмотрим на сценарий.

Основная часть этого скрипта - пока - всего одна строка. Он запускает API Panel.create для определения новой панели. Первый аргумент - это заголовок.Второй - это значок. Третий - это HTML-файл для панели. Наконец, последний аргумент - это обратный вызов, выполняемый при создании панели. Документации о том, какого размера должен быть значок, нет. Вроде 32х32.

Теперь посмотрим на panel.html. Я только начал разработку, так что сейчас это довольно просто.

И, наконец, что не менее важно, файл JavaScript, загруженный панелью:

Вот и все. Вот моя панель, работающая в пользовательском интерфейсе инструментов разработчика:

Так что насчет всех этих сообщений консоли? Пытаясь заставить все работать, я повсюду использовал консольные сообщения, чтобы я мог - надеюсь, - увидеть, что происходит.Мне с этим очень мало повезло. Я раньше писал в блоге о том, как использовать консоль с расширениями Chrome, но этот совет работает только тогда, когда у вас есть фоновый скрипт. Мое тестовое расширение не работало. В итоге сработало следующее:

Нажмите кнопку, которая отключает Chrome Dev Tools
Когда Chrome Dev Tools находится в отдельном окне и в данный момент сфокусирован, используйте комбинацию клавиш, чтобы открыть Chrome Dev Tools

Это открывает второй инструмент Chrome Dev Tools, и я могу видеть там все свои сообщения журнала.

Надеюсь, это поможет. Как я уже сказал, у меня просто заработало, так что мне, вероятно, нужно еще многому научиться.

javascript - Как начать новую строку в окне консоли Chrome?

Переполнение стека

Около
Товары
Для команд

Переполнение стека Общественные вопросы и ответы
Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами

Используйте Chrome для создания приложения для Windows 10 с любого веб-сайта

Наконец-то появилась Windows 10, и пока она воспринимается неоднозначно. Были истории о катастрофах, но в жизни нет ничего идеального. Мы должны терпеливо переносить это, пока разработчики устраняют нюансы. Тем не менее, есть веские причины для обновления до Windows 10.

Сделайте сегодняшний день своим днем запуска: получите Windows 10 прямо сейчас!

Вы хотите установить Windows 10.К сожалению, вы пропустили предварительную версию Insider, и теперь требуется некоторое время, пока вам не представят обновление. Вот как получить Windows 10 прямо сейчас!

У нас пока мало приложений для Windows 10, но если вы пользователь Google Chrome, вы можете легко создать приложение из любого веб-сайта, который будет отображаться в меню «Пуск», а также в проводнике Windows.

Вы можете открыть их с помощью сочетания клавиш и запустить в свернутом виде. Некоторые сайты выглядят красиво как приложения, в то время как другие выглядят как Злая Ведьма Запада из Волшебника из страны Оз.

Чтобы уточнить, когда я говорю «приложение», я не имею в виду приложение для смартфона или что-то в этом роде.Ничего не загружаемого. Вместо этого это просто средство открыть веб-сайт в отдельном окне, из меню «Пуск» или из проводника Windows.

Сегодня мы покажем вам все это и многое другое.

Как превратить любой веб-сайт в приложение

Состав

1x система Windows 10
1x веб-сайт, только что сжатый
1x браузер Google Chrome

Во-первых, перейдите на веб-сайт, который вы хотите превратить в приложение, в своем браузере Chrome.

Затем щелкните меню Hamburger в правом верхнем углу браузера. Это значок трех горизонтальных линий. Раскройте это меню и выберите Дополнительные инструменты> Добавить на панель задач ...

После этого начнется короткий процесс преобразования вашего веб-сайта в приложение.Немедленно появится небольшое окно, в котором вы можете изменить имя или отменить весь процесс. Убедитесь, что опция Открыть как окно отмечена галочкой - , это очень важно!

Когда имя выбрано и выбрана опция «Открыть как окно», нажмите Добавить .

Приложение теперь будет отображаться в меню «Пуск».Но для этого вам нужно включить Недавно добавленный в меню «Пуск». Это можно сделать в настройках Windows (клавиша Windows + I> Персонализация> Пуск> Показать недавно добавленные приложения> На ).

При щелчке по ссылке приложения откроется веб-сайт - в данном случае MakeUseOf - в новом меньшем окне.MakeUseOf выглядит просто фантастически в собственном приложении для Windows 10.

Из «Недавно добавленных» вы можете перетащить приложения на плитки в меню «Пуск».

Другие сайты, которые отлично смотрятся

Давайте взглянем на некоторые другие веб-сайты, которые отлично смотрятся в собственном окне приложения Windows 10, как это.

Gmail

Электронная почта - это то, что многие из нас оставляют открытыми в течение дня.Таким образом, пользователи Gmail могут воспользоваться приятным внешним видом своего почтового ящика, упакованного в приложение для Windows 10.

Facebook

То же и с Facebook.Кто не держал это открытым весь день на мониторе своего ПК? Теперь вы можете поместить его в собственное аккуратное окошко. Этот быстро мне нравится, и я начинаю предпочитать его настоящему веб-сайту.

Hangouts

Google совсем недавно предоставил Hangouts собственный веб-сайт: Hangouts.google.com. Сайт уже создает впечатление приложения, и запуск его в собственном окне веб-приложения завершает этот образ.

YouTube

YouTube - один из моих любимых сайтов.В конце концов, кто не любит время от времени хорошо смеющегося ребенка? Превращение YouTube в приложение для Windows 10 сжимает страницу вместе, но качество миниатюр видео в результате не ухудшается. Конечный продукт - это произведение искусства. Особенно YouTube TV, который, по всей видимости, выглядит как колени на Windows-планшете.

Твиттер

Помимо Facebook, у многих из вас Twitter будет открыт в другом окне браузера, возможно, на другом мониторе.Хорошо, пусть он будет открыт в окне приложения Windows 10, более легкой и быстрой версии, чем просто открытое окно браузера.

Google Новости

Это тот, который мне ДЕЙСТВИТЕЛЬНО нравится.Новости Google выглядят абсолютно идеально в среде приложений Windows 10, и с этого момента я регулярно использую именно их. Он имеет все функции, функции, навороты и свистки обычного сайта, но работает быстрее и легче в вашей системе.

Расположение приложений в проводнике Windows

По какой-то странной причине у вас может быть только одно приложение в разделе «Последние приложения» в меню «Пуск».Это затрудняет работу, если вы создали целый стек этих приложений и хотели бы получить к ним легкий доступ. Поэтому, если вы не добавляли их к плиткам меню «Пуск» и потеряли их отслеживание, вы можете найти все созданные вами веб-приложения в следующем месте в проводнике Windows:

 C: \ Users \ [Ваше имя пользователя] \ AppData \ Roaming \ Microsoft \ Windows \ Start Menu \ Programs \ Chrome Apps

Или просто щелкните правой кнопкой мыши одно из веб-приложений в меню «Пуск» и выберите Открыть расположение файла .Оттуда вы можете дважды щелкнуть любое приложение, чтобы запустить его, или щелкните правой кнопкой мыши и выберите Прикрепить к началу или Прикрепить к панели задач . Функция «Прикрепить к началу» доступна практически для любого файла или папки в Windows 10 (и 8 в этом отношении).

Изменить значок и создать ярлык

Когда вы создаете приложение, оно может в конечном итоге дать вам действительно странный или ужасный логотип.Если это вас беспокоит, вы можете легко это изменить.

Перейдите к расположению приложений в проводнике Windows и щелкните правой кнопкой мыши то приложение, для которого нужно изменить значок.Выберите Properties в самом низу, выберите вкладку Shortcut , и вы увидите это:

Кнопка Изменить значок выделена, а также возможность создать собственный ярлык.Так что, если вы знаете, что будете открывать это приложение на регулярной основе, то при наличии удобного сочетания клавиш это приложение будет открыто в мгновение ока.

Причина создания этих приложений ...

Если вам в первую очередь нужна причина для создания этих приложений, обратите внимание, что я несколько раз замечал, насколько легкими и быстрыми были эти приложения по сравнению с их аналогами в браузере.Прямо сейчас мой браузер Chrome работает на 611,2 МБ. Если вы посмотрите на приложение выше, приложения, работающие сами по себе (у меня было 3 открытых в то время), достигли 138,3 МБ !

Какие сайты вы используете?

Очевидно, что существует еще много сайтов, на которых можно было бы создавать отличные приложения для Windows 10.Попробуйте свои любимые сайты и дайте нам знать в комментариях ниже, какие из них имеют высокую оценку. А если у вас тоже Mac, узнайте, как превратить веб-сайты в приложения для Mac.

Google добавляет более подробные и красочные карты в Google Maps

Карты Google уже хороши, но эти новые карты делают его еще лучше.

Об авторе

Марк О'Нил - внештатный журналист и библиофил, публикует материалы с 1989 года. В течение 6 лет он был управляющим редактором MakeUseOf. Теперь он пишет, пьет слишком много чая, борется со своей собакой на руках и пишет еще.

Подробнее о Марке О'Нилле