С каждым днем увеличивается количество вебмастеров, которые стремятся делать свои сайты одинаково удобными для пользователей всех браузеров, а не затачивают их только под 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 и не обращают на нее внимания, то нам нужно как то ненавязчиво показать посетителю что мы позаботились о работоспособности данной ссылки в его браузере. Думаю наиболее удачным вариантом будет определять каким браузером пользуется посетитель нашего сайта и выводить соответствующий логотип возле ссылки. А можно просто вывести сразу все логотипы:

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

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

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

Ниже мы рассмотрим три метода очистить сохраненные страницы в Яндекс.Браузере, каждый из которых будет полезен в своем ключе.

Способ 1: удаление через «Диспетчер закладок»

Данным методом можно удалить как выборочное количество сохраненных ссылок, так и сразу все.

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

Способ 2: удаление из закладок открытого сайта

Этот метод быстрым не назовешь, однако, если в данный момент в веб-обозревателе у вас открыт сайт, который добавлен в закладки Яндекс.Браузера, то удалить его не составит никакого труда.

Способ 3: удаление профиля

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

Способ 4: удаление визуальных закладок

В Яндекс.Браузере предусмотрен встроенный и достаточно удобный метод быстрого перехода к сохраненным и часто посещаемым страницам – это

По-умолчанию 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 год. Не исключено, что со временем новые версии браузеров внесут свои коррективы, и скрипт перестанет работать. Если вы заметите такие сбои, пишите в комментариях, рассмотрим и обновим код.

Это делается довольно просто, буквально в несколько кликов. Кроме того, добавлять закладки в Яндекс Браузере можно 3 разными способами. Также ниже имеется инструкция, как сохранить страницы в мобильном Яндекс Браузере (на телефонах и планшетах Андроид). А какой из этих способов использовать – решать вам.

Первый способ самый простой.

Зайдите на любой веб-сайт.

Щелкните на серую звездочку, которая находится в правой части URL-строки.

Нажмите «Готово».

Проверяйте: добавленная страница появится на панели закладок.

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

Если вы все сделали правильно, звездочка станет оранжевой. Если необходимо что-то отредактировать, нажмите на нее еще раз. Здесь вы можете:

• изменить название;
• выбрать другую папку;
• удалить страницу.

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

Как создать несколько закладок за один раз

Другой способ добавить на панель закладок Яндекс Браузера новые страницы – групповой.

Щелкните ПКМ на любой вкладке и выберите второй снизу пункт «Добавить все вкладки». Или просто щелкните Ctrl+Shift+D. Укажите папку и щелкните «Сохранить».

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

Как быстро включить закладку на Табло в Яндексе

Скопируйте адрес веб-сайта.

Откройте новую вкладку.

Перед вами будет отображено Табло. Щелкните кнопку «Добавить».

Скопируйте сюда ссылку на сайта. При желании можете нажать «Добавить подпись» и сделать небольшую пометку.

Готово. Теперь визуальные закладки пополнились еще одной новой кнопочкой.

Вот так просто добавить закладку на Табло в Яндексе. Таким образом можно быстро сохранять сколько угодно сайтов.

А если надо отредактировать или удалить какую-то вкладку, наведите на нее курсором и щелкните на значок шестеренки («Изменить») или крестик («Удалить»).

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

И напоследок рассмотрим, как сделать закладку в Yandex на телефоне или планшете. В принципе, ничего сложного тут тоже нет.