С каждым днем увеличивается количество вебмастеров, которые стремятся делать свои сайты одинаково удобными для пользователей всех браузеров, а не затачивают их только под Internet Explorer, как это было раньше. Наверное больше всего пользователи альтернативных браузеров не любят ссылку "Добавить в Избранное", которая встречается на каждом сайте, а работает только в Internet Explorer. Сейчас я расскажу как правильно реализовать на своем сайте данную функцию, чтобы она работала во всех распространенных браузерах.

Так как пользователю может понадобиться добавить в Избранное не только сайт (главную страницу), но и страницу на которой он находится, то мы подробно рассмотрим оба варианта, а вы сами решите какой из них использовать.

Добавить в Избранное главную страницу сайта

Давайте сначала рассмотрим чем отличается ссылка "Добавить в Избранное" для Internet Explorer от ее аналога в других браузерах, а потом обьединим их в одну. В IE используется функция window.external.AddFavorite(), которая принимает два значения: адрес страницы для добавления в закладки и ее название:

Добавить сайт в Избранное

Думаю обьяснять здесь ничего не нужно. А вот следующий пример мы рассмотрим подробнее. Код для добавления в Избранное для Opera, Firefox и Netscape выглядит следующим образом:

Добавить сайт в Избранное

Как видите это обычная ссылка с наличием дополнительного параметра rel="sidebar" который как раз и указывает браузеру на необходимость добавить сайт в закладки при клике на ссылке. Кроме этого в параметре title="" нужно указать с каким именем добавлять сайт в закладки. А вот адрес страницы, которая добавляется, прописывается в href="". Обычно указывается главная страница сайта и его название.

Окошко, которое появляется при нажатии на ссылку

Теперь нам нужно сделать так, чтобы ссылка "Добавить в избранное" работала одинаково хорошо во всех браузерах. Так как код для IE работает только в нем, а параметр rel="sidebar" поддерживают только Opera, Firefox и Netscape, то ничто не мешает нам просто обьединить оба варианта в одну ссылку:

Добавить сайт в Избранное

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

Добавить в Избранное текущую страницу

Итак, давайте снова начнем с Internet Explorer:

Как видите в коде ничего не изменилось, кроме входящих параметров функции window.external.AddFavorite(). В JavaScript-параметре document.title содержится название страницы, которое берется браузером из указанного нами заголовка документа, расположенного между тэгами Название страницы. Адрес текущей страницы браузер получает из адресной строки и присваивает его параметру location.href. Таким образом нет необходимости изменять вручную на каждой странице нужные нам параметры.

Новая закладка в Interet Explorer

С браузерами Opera, Firefox и Netscape все немного сложнее. Нам придется написать небольшую JavaScript-функцию, которая будет работать примерно также как и уже известная нам функция в Internet Explorer. Мы поместим ее внутри ссылки, так что она будет занимать всего лишь одну строку, но для более легкого восприятия я ее немного отформатировал:

Добавить текущую страницу в Избранное

В самом начале мы присвоили переменным url и title значения JavaScript-параметров window.document.location (адрес страницы) и window.document.title (название страницы). Далее мы создаем функцию bookmark(). С ее помощью мы из нескольких переменных, значением которых является адрес и название страницы, генерируем ссылку. Не забываем также о параметре rel="sidebar", который так же будет сгенерирован с помощью bookmark().

Теперь нам осталось обьединить код для Internet Explorer и других браузеров, чтобы получить одну кросбраузерную ссылку:

Добавить текущую страницу в Избранное

У нас уже имеется функция, совместимая с основными браузерами. Теперь нам нужно как то совместить ее с пользователями.

Ломаем стереотипы

Так как многие пользователи альтернативных браузеров уже привыкли к тому что ссылка "Добавить в Избранное" работает только в Internet Explorer и не обращают на нее внимания, то нам нужно как то ненавязчиво показать посетителю что мы позаботились о работоспособности данной ссылки в его браузере. Думаю наиболее удачным вариантом будет определять каким браузером пользуется посетитель нашего сайта и выводить соответствующий логотип возле ссылки. А можно просто вывести сразу все логотипы:

Так выглядит конечный результат

Копирование статьи запрещено.

Расширение возможностей и потребностей современного человека привело к необходимости пользоваться многочисленными тематическими сайтами. Избранное в Яндекс браузере помогает сохранять ссылки на любые сайты в специальном разделе или на панели для быстрого доступа, так ресурсы и ссылки точно не потеряются. Это намного проще, чем постоянно хранить открытые вкладки, сохранять ссылки в блокнот или использовать любые другие методы ускорения доступа к ресурсам.

Главная причина создания раздела с закладками заключается в упрощении и ускорении сёрфинга. Имея избранное в Yandex browser, можем перейти на любой сайт из сформированного списка всего в один клик. Без панели закладок приходилось бы всегда вводить URL-адрес ресурса.

Почему это удобно:

• Можем сохранять ссылку на любую страницу ресурса, а не только на главную страницу;
• Доступ ко всем ссылкам в один клик;
• Простая настройка расположения элементов;
• Возможность быстрого переноса закладок между браузерами;
• Есть функция создания групп закладок. Их можем распределить по любым критериям (работа, развлечения, по определённым тематикам и т. д.)

Единственный недостаток закладок – придётся потратить время на их настройку и подготовку, но уже отобранные ссылки помогут постоянно оставаться на связи.

Где находится избранное в Яндекс браузере?

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

Перейти на нужную вкладку можем пятью способами:

Чтобы было проще найти избранное в Яндекс браузере и не переходить каждый раз в этот раздел, лучше сделать видимой панель закладок. Рассмотрим 3 основных способа активировать панель с выбранными вкладками:

Как добавить сайт в избранное в Яндекс браузере

Разработчики Яндекс обозревателя специально сделали много способов добавления элементов в закладки, чтобы мы смогли предельно просто пользоваться функцией.

Четыре способа внести сайт в избранное:

Со значка «звездочка» в адресной строке. Простейший способ добавления – нажимаем на иконку звезды с правой стороны строки поиска. Указываем название и группу, в которую вносим сайт, затем кликаем по кнопке «Готово». (Начиная с версии браузера 18.10.2.163 элемент «звездочка» отсутствует). Взамен ему появился элемент «флажок».

Со значка «флажок» в умной строке. Жмем на иконку флажка справа, далее указываем месторасположение закладки с помощью кнопок «Панель закладок» или «Другие закладки» и кликаем на кнопку «Готово». Также можем создать свою собственную папку через кнопку «Другая папка».

Через меню обозревателя. Нажимаем на кнопку меню (3 параллельные черты), открываем выпадающий список «Закладки» и кликаем на «Создать закладку».

Горячими кнопками. Простой способ создать избранное в Яндексе браузере — нажать комбинацию клавиш Ctrl + D .

Через «Диспетчер закладок». Переходим по ссылке browser://bookmarks/#1 , делаем клик по кнопке «Действия» и выбираем «Добавить страницу».

Как перенести закладки?

Избранное хранится в Яндекс браузере постоянно, и оно не удаляется вместе с очисткой истории или кэша. Если выполнен вход в собственный аккаунт, закладки синхронизируются между устройствами. При переустановке браузера отобранные сайты пропадают, но как только выполним вход в профиль, они автоматически появятся в обозревателе.

Yandex browser поддерживает функцию экспорта и импорта закладок. С помощью функции экспорта можем сохранить избранное в специальный файл, который легко импортируется в другой браузер. Так удаётся просто переносить закладки между браузерами, устройствами и появляется возможность делать резервные копии выбранных закладок.

Импорт и экспорт выполняются одинаково:

Как упорядочить избранное в Яндекс браузере?

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

Можем управлять закладками одним из удобных вариантов:

Избранное в Яндекс браузере – это удобный и практичный инструмент для сёрфинга, здесь можем создать, найти и упорядочить все сайты в несколько кликов. Изначально потребуется всего 10-15 минут времени, чтобы сделать и настроить закладки, затем доступ к сайтам станет в разы быстрее и легче.

Как добавить сайт в избранное?

Как добавить сайт в избранное?

Большинство пользователей сети Интернет прекрасно знают, как в том или ином браузере добавить страницу в избранное. Однако, благодаря обратной связи с нашими читателями, выяснилось, что не все умеют это делать. К нам приходит много писем, в которых читатели спрашивают, как добавить наш сайт в раздел «Избранное».

Добавь в избранное». Только баннер подразумевает «ручной» вариант добавления страницы в меню «избранное», а не автоматический путем нажатия мышью на сам баннер. Вот простая инструкция как добавить страницу в «избранное». Приводим пример в нескольких браузерах.

Internet Explorer

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

Чтобы найти потом свою закладку, вам необходимо нажать на символ звездочки (сразу под меню). Появится список закладок. Ищите там свою.

Mozilla Firefox

В самом верху на панели меню необходимо выбрать вкладку «Закладки» и нажать на нее. При нажатии появится вкладка. Выбираем первый пункт «Добавить страницу в закладки». Нажимаем на этот пункт.

После этого справа вверху появится вот такое вот окошко.

В поле «Имя» вы можете назвать страницу как вам удобно. После того, как вы определились с названием закладки жмите «ок». Чтобы потом найти закладку вам необходимо кликнуть на вкладку «Закладки».

Откроется меню. В нем и ищите свою закладку.

Opera

Абсолютно схожий алгоритм добавления закладок и их поиск, что и в Mozilla Firefox.

По-умолчанию Microsoft уже кое-что поместила в Избранное, что возможно вы хотели бы там видеть, а возможно и нет. В списке умолчания находится Рабочий стол, Загрузки, Недавние места и даже TV-программы, если вы установили Live TV в Windows Media Center.

Для удаления записей из Избранного, просто кликните по нужной записи правой кнопкой мыши и затем из выпавшего контекстного меню выберите Удалить.

Добавление записей в Избранное

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

Также для добавления можно перетащить любимую папку в Избранное мышью.

Если после удаления вы захотите восстановить все записи по-умолчанию, просто кликните правой кнопкой мыши по Избранному и выберите "Восстановить избранные ссылки". Это не удалит добавленные вами записи, а просто восстановит исходные.

Добавление в Избранное поисковых коннекторов

Новый поиск в Windows 7 позволяет прямо из проводника искать контент не только на локальной, но и на удаленной машине. Прямо с рабочего стола без открытия сессии браузера вы можете выполнить поиск по ряду различных вебсайтов. Делается это с помощью так называемых поисковых коннекторов. Эта же возможность позволяет IT-администраторам настраивать поиск на сайты своей компании.

На самом деле, добавление поисковых коннекторов в Избранное - довольно простая задача. Для добавления достаточно скачать специальный.osdx-файл нужного сайта (например, отсюда) и затем дважды кликнуть по нему мышью, запустив таким образом его установку.

После запуска, Windows спросит у вас, действительно ли вы хотите установить коннектор.

И уже после установки вы увидите свой коннектор в Избранном. Просто выберите нужный коннектор в левой панели и затем в правой введите искомое слово или фразу.

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

Удобно, не правда ли? К сожалению, эта возможность работает только под Windows 7 (и 8 тоже). Хотя даже она в некотором смысле может упростить работу. Попробуйте сами! Удачи вам!

Здравствуйте. Поговорим о том, как сделать ссылку или кнопку для добавления в избранное (закладки) для всех браузеров: Chrome, Firefox, Opera, Internet Explorer, Safari — кроссбраузерно, чтобы пользователь при клике на неё смог отложить на будущее и запомнить вашу страницу. Естественно, позаботьтесь о том, чтобы содержание было интересным, иначе никто не будет сохранять её к себе в закладки:)
Итак, поехали.

Что нужно добавить в HTML Добавить в закладки

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

• id="fav"
  Сюда будет писаться инструкция для Chrome, Opera и всех браузеров на движке Webkit
• rel="sidebar"
  Атрибут обязательный, нужен для Firefox, так он будет определять, что страницу по ссылке нужно отправить в избранное
• href=""
  Также желательно оставить без изменений. Firefox будет брать ссылку для закладки по этому адресу

  Будь моя воля, заменил бы a на span , но этот вариант не подойдёт под Firefox

• onclick="addFav()"
  Здесь будет определяться скрипт javascript. О нём далее

Что нужно добавить в JavaScript // Функция для добавления в закладки избранного | https://сайт?p=710 function addFav() { var title = document.title, url = document.location, UA = navigator.userAgent.toLowerCase(), isFF = UA.indexOf("firefox") != -1, isMac = UA.indexOf("mac") != -1, isWebkit = UA.indexOf("webkit") != -1, isIE = UA.indexOf(".net") != -1; if ((isIE || isFF) && window.external) { // IE, Firefox window.external.AddFavorite(url, title); return false; } if (isMac || isWebkit) { // Webkit (Chrome, Opera), Mac document.getElementById("AddFavViaSheens").innerHTML = "Нажмите "" + (isMac ? "Command/Cmd" : "Ctrl") + " + D" для добавления страницы в закладки"; return false; } }

Код либо выносите во внешний файл, либо располагаете в любом понравившемся месте на странице, например, в разделе или перед закрывающим тегом
Код закомментирован, думаю, ничего сложного нет. Если возникнут вопросы — задавайте в комментариях.

Как избежать отображения ссылки для избранного в планшетах и мобильных браузерах

Конечно, нет смысла показывать ссылку для добавления в избранное на мобильных девайсах, она там не будет работать. Поэтому нужно отфильтровать их.
Для этого можно, например, генерировать ссылку с помощью javascript, а в нём уже фильтровать всё как надо

// Функция для определения "мобильности" браузера function MobileDetect() { var UA = navigator.userAgent.toLowerCase(); return (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry|windows phone|opera mobi|opera mini/i .test(UA)) ? true: false ; } // Если браузер НЕ мобильный, отображаем ссылку if (!MobileDetect()){ document.getElementById("MyID").innerHTML = "Тут HTML код ссылки (см.выше)"; }

Немного разберём его

• var UA = navigator.userAgent.toLowerCase(); — записывает в переменную заголовки браузера, переведя их в нижний регистр. По её содержимому мы будем определять «мобильность» браузера.
• return (/Регулярное выражение/.test(UA) ? true: false) — фильтр. В регулярном выражении записываются фрагментры, которые могут находиться в заголовках мобильных браузеров. Вы можете добавить свои значения, разделяя их | .

  Фильтр чувствителен к регистру. Поэтому, если будете вносить свои значения в фильтр, обязательно записывайте их в нижнем регистре (маленькими буквами).

• document.getElementById("MyID").innerHTML = "Тут HTML код ссылки"; — ищет в коде тег с id="MyID" и записывает вместо него нашу ссылку. Чтобы сработало, нужно предварительно в место, где отобразить ссылку, записать

Пример готового скрипта и страницы

Подытожу, как в итоге может выглядеть код html

// Функция для определения "мобильности" браузера function MobileDetect() { var UA = navigator.userAgent.toLowerCase(); return (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry|windows phone|opera mobi|opera mini/i .test(UA)) ? true: false; } // Если браузер НЕ мобильный, отображаем ссылку if (!MobileDetect()) { document.getElementById("AddFavViaSheens").innerHTML = "Добавить в закладки"; } // Функция для добавления в закладки избранного | https://сайт?p=710 document.getElementById("AddFavViaSheens").onclick = function () { var title = document.title, url = document.location, UA = navigator.userAgent.toLowerCase(), isFF = UA.indexOf("firefox") != -1, isMac = UA.indexOf("mac") != -1, isWebkit = UA.indexOf("webkit") != -1, isIE = UA.indexOf(".net") != -1; if ((isIE || isFF) && window.external) { // IE, Firefox window.external.AddFavorite(url, title); return false; } if (isMac || isWebkit) { // Webkit (Chrome, Opera), Mac document.getElementById("AddFavViaSheens").innerHTML = "Нажмите "" + (isMac ? "Command/Cmd" : "Ctrl") + " + D" для добавления страницы в закладки"; return false; } }

Данный способ актуален на 2017 год. Не исключено, что со временем новые версии браузеров внесут свои коррективы, и скрипт перестанет работать. Если вы заметите такие сбои, пишите в комментариях, рассмотрим и обновим код.