Добавить в избранные закладки для всех браузеров
- Что нужно добавить в HTML
- Что нужно добавить в JavaScript
- Как избежать отображения ссылки для избранного в планшетах и мобильных браузерах
- Пример готового скрипта и страницы
Что нужно добавить в HTML
Код вносите в любое нужное вам место. Все параметры, кроме нижеуказанных, можно изменить или удалить.
- id=»fav»
Сюда будет писаться инструкция для Chrome, Opera и всех браузеров на движке Webkit - rel=»sidebar»
Атрибут обязательный, нужен для Firefox, так он будет определять, что страницу по ссылке нужно отправить в избранное - href=»»
Также желательно оставить без изменений. Firefox будет брать ссылку для закладки по этому адресу
Будь моя воля, заменил бы a на span , но этот вариант не подойдёт под Firefox
Что нужно добавить в JavaScript
Код либо выносите во внешний файл, либо располагаете в любом понравившемся месте на странице, например, в разделе или перед закрывающим тегом
Как сделать и сохранить закладки в Яндекс Браузере
Код закомментирован, думаю, ничего сложного нет. Если возникнут вопросы — задавайте в комментариях.
Как избежать отображения ссылки для избранного в планшетах и мобильных браузерах
Немного разберём его
- var UA = navigator.userAgent.toLowerCase(); — записывает в переменную заголовки браузера, переведя их в нижний регистр. По её содержимому мы будем определять «мобильность» браузера.
- return (/Регулярное выражение/.test(UA) ? true : false) — фильтр. В регулярном выражении записываются фрагментры, которые могут находиться в заголовках мобильных браузеров. Вы можете добавить свои значения, разделяя их | .
Фильтр чувствителен к регистру. Поэтому, если будете вносить свои значения в фильтр, обязательно записывайте их в нижнем регистре (маленькими буквами).
Пример готового скрипта и страницы
Подытожу, как в итоге может выглядеть код html
Данный способ актуален на 2017 год. Не исключено, что со временем новые версии браузеров внесут свои коррективы, и скрипт перестанет работать. Если вы заметите такие сбои, пишите в комментариях, рассмотрим и обновим код.
ИсточникКак сохранить материал для себя: кнопки Поделиться или Закладки в браузере
Полезный материал, который был найден в интернете, полезно сохранить для самого себя. Рассмотрим для этого два варианта: кнопки «Поделиться» в соцсетях и Закладки в браузере.
p, blockquote 1,0,0,0,0 —>
p, blockquote 2,0,0,0,0 —>
p, blockquote 3,0,0,0,0 —>
Что значит пошарить?
Пошарить материал означает поделиться им в социальных сетях, либо в мессенджерах, либо по электронной почте и т.п.
p, blockquote 4,0,0,0,0 —>
Поделиться можно с друзьями. Другой вариант — поделиться и сохранить просто для самого себя, чтобы потом к этому материалу вернуться. То есть, «пошарить для самого себя» означает поделиться не столько с друзьями, сколько поделиться сам с собой.
p, blockquote 5,0,0,0,0 —>
Например, в каком-то блоге или на сайте есть интересный материал. Можно быстренько чекнуть свою находку, нажав на соответствующую кнопку. Это удобно, если нет возможности прямо сейчас прочитать длинный гайд или техническую инструкцию, в которую надо вникать.
p, blockquote 6,0,0,0,0 —>
Если пошарить, то таким образом можно сохранить интересный материал у себя на страничке в социальной сети. А потом, когда появится возможность, спокойно прочитать и разобраться, что к чему.
p, blockquote 7,0,1,0,0 —>
Иногда кнопки «Поделиться», чтобы сохранить полезный материал для себя, даже удобнее, чем Закладки в браузере. А для кого-то гораздо привычнее Закладки, потому что они кажутся более удобными.
p, blockquote 8,0,0,0,0 —>
Подробнее рассмотрим эти варианты на конкретных примерах.
p, blockquote 9,0,0,0,0 —>
Поделиться статьей на сайте
Обычно кнопки «Поделиться» находятся в конце статьи на любом сайте. Надо выбрать подходящую кнопку и кликнуть по ней. Важно, чтобы был аккаунт (своя страничка) в той соцсети, где нужно поделиться.
p, blockquote 10,0,0,0,0 —> Рис. 1. Кнопки «Поделиться» на этом сайте «Интернет-грамотность с Надеждой».
Первая кнопка «Поделиться» — это соцсеть ВКонтакте. Если на нее нажать, можно поделиться с друзьями, либо с подписчиками сообщества (если у вас есть группа ВК). Они тоже увидят это сообщение. Возможно, им оно будет тоже полезно, заодно поделиться и с ними. Либо можно отправить кому-то личное сообщение (рис.
2).
p, blockquote 11,0,0,0,0 —> Рис. 2. Поделиться ВКонтакте статьей про мессенджеры.
Вторая кнопка на рис. 1 — поделиться статьей в Одноклассниках. Если на нее кликнуть, можно еще написать комментарий, нажать «Опубликовать» и статья будет отправлена в Одноклассники.
p, blockquote 12,0,0,0,0 —> Рис. 3. Поделиться в Одноклассниках статьей о мессенджерах.
Таким образом, чтобы поделиться статьей практически на любом сайте, достаточно кликнуть на кнопочку в конце статьи. Дальше можно выбрать, где Вы хотите поделиться, в каком месте, и отправить материал на свою страничку в соцсети. Если сохранить таким образом, потом можно будет в удобное для вас время зайти на свою страничку в соцсети и прочитать статью.
p, blockquote 13,0,0,0,0 —>
Как сделать Закладку в браузере
h2 3,0,0,0,0 —> Рис. 4. Кнопка «Добавить страницу в закладки» в браузере Мозилла.
Чтобы сохранить интересную или полезную статью, можно сделать закладку браузере. Для этого достаточно открыть эту статью, а потом нажать на кнопочку «Добавить страницу в закладки» в браузере. И закладка будет сохранена в браузере.
p, blockquote 14,0,0,0,0 —>
На рис. 4 выше показана кнопка для браузера Мозилла (FireFox Mozilla).
p, blockquote 15,1,0,0,0 —>
Ниже, на рис. 5 показана аналогичная кнопка для Google Chrome.
p, blockquote 16,0,0,0,0 —> Рис. 5. Статья открыта в Google Chrome. Выделена кнопка «Добавить страницу в закладки».
Как найти закладки в браузере
h3 1,0,0,0,0 —> Рис. 6. Где в Мозилле можно найти закладки, которые были сделаны.
Чтобы найти закладки, которые были сделаны, нужно пойти в меню браузера. Меню Мозиллы находится в правом верхнем углу, кликаем по значку меню. Теперь можно открыть свои закладки с помощью команды «Закладки» (рис. 6).
p, blockquote 17,0,0,0,0 —>
А как это сделать в браузере Google Chrome? То же самое, как в браузере Mozilla, достаточно нажать на меню. В Хроме меню находится в правом верхнем углу и состоит из трех вертикальных точек (рис. 7 ниже). Открываем меню, потом можно кликнуть «Закладки» и посмотреть их.
p, blockquote 18,0,0,0,0 —> Рис. 7. В Гугл Хроме выделено меню, в котором есть команда «Закладки».
Сайт Госуслуги и кнопки соцсетей
h2 4,0,0,0,0 —> Рис. 8. Главная страница Госуслуг, внизу есть кнопки соцсетей.
На главной странице Госуслуг не получится нажать на кнопку «Поделиться», ее просто нет. Можно внизу, в подвале сайта перейти на Госуслуги в соцсетях (рис. 8) и вступить в группу.
p, blockquote 19,0,0,0,0 —>
Нажмем ВКонтакте и окажемся в социальной сети ВКонтакте, где можно подписаться на страницу Госуслуг.
p, blockquote 20,0,0,0,0 —> Рис. 9. Страница Госуслуг в соцсети ВКонтакте.
На страничке Госуслуг в социальной сети ВКонтакте можно написать сообщение со своим вопросом. Время ответа — одна минута (рис. 9). Это, скорее всего, означает, что отвечать будет искусственный интеллект.
p, blockquote 21,0,0,0,0 —>
Прежде чем подписаться на страницу Госуслуг, конечно, вы должны быть авторизованы ВКонтакте. Иначе, как вы можете поделиться, если вы не авторизованы?
p, blockquote 22,0,0,1,0 —>
Либо можно страницу Госуслуг сохранить у себя в закладках в браузере. Для этого следует нажать на кнопочку «Сохранить в закладки».
p, blockquote 23,0,0,0,0 —>
Если на сайте Госуслуг нажать на кнопку соцсети Одноклассники (рис. 8), там тоже можно вступить в группу Госуслуг, в ней 252.000 участников.
p, blockquote 24,0,0,0,0 —>
Как поделиться видео с Ютуба
h2 5,0,0,0,0 —> Рис. 10. Где на Youtube кнопка «Поделиться».
Как поделиться полезным видео на Youtube? Например, вы нашли интересный мультфильм и хотите сохранить его у себя, на своей стене в соцсети. Какие в Ютубе есть возможности?
p, blockquote 25,0,0,0,0 —>
Под каждым видео на Youtube есть кнопочка «Поделиться» (рис. 10). Нажимаем на эту кнопочку. Можно поделиться в Фейсбуке, в Твиттере, можно по емейлу отправить. Либо в нашем ВКонтакте, либо в Одноклассниках поделиться.
В Pinterest, кто им пользуется, там тоже можно поделиться.
p, blockquote 26,0,0,0,0 —>
На Ютубе есть много вариантов «Поделиться», тут есть из чего выбрать. Более того, можно скопировать ссылку на видео и дальше ее отправить по-своему усмотрению. По этой ссылке можно будет перейти и посмотреть мультфильм «Крокодил Гена».
p, blockquote 27,0,0,0,0 —>
На Ютубе практически одни из самых удобных кнопок, чтобы поделиться либо сам с собой, либо с друзьями в своей социальной сети. Это очень удобно.
p, blockquote 28,0,0,0,0 —>
Конечно, страницу с мультфильмом можно добавить в закладки браузера. Для этого сверху, в адресной строке браузера нажать «Добавить страницу в закладки».
p, blockquote 29,0,0,0,0 —>