Translate

Поиск по этому блогу

Показаны сообщения с ярлыком расширения. Показать все сообщения
Показаны сообщения с ярлыком расширения. Показать все сообщения

воскресенье, 22 апреля 2018 г.

FireFox: SNB Social Neworks Buttons.

Самый простой способ поделиться статьей, или страницей в соц.сетях, если у вас браузер Mozilla Firefox, это посто воспользоваться готовым расширением (Userscript)
Работаю с этим расширением уже более полугода никаких проблем не выявил. Написал его для SMM - менеджеров нашей компании, и теперь готов представить его в открытый доступ для совместного, безвозмездного использования.




Расширение может быть легко дополнено "кнопками" других социальных сетей. Буду очень благодарен вам за отзывы и рекомендации.
Итак, приступим!

Требования к "железу"

  1. Браузер Mozilla Firefox версии 57.0 и выше. Хотя, я думаю, что будет работать с любой версией, где можно запустить код.
  2. Операционная система Windows (32-bit or 64-bit). С другими не проверял.

Установка

  1. Идем на страницу Greasemonkey
  2. и нажимаем "Добавить".



  3. После этого на панели инструментов справа появится значок - голова обезьянки. Щелкаем по ней и выбираем пункт New User Script.




  4. Скачиваем расширение с сайта gitHub, или с моего диска Google Drive. Открываем файл snb-firefox-social-networks-buttons.js и копируем оттуда все - Ctrl + A -> Ctrl + C
  5. О том. как клонировать репозиторий с gitHub вы можете вспомнить пройдя по ссылке. Я рассказывал об этом в своем посте "Клонирование репозитория GitHub на компьютер"

  6. Откроется новое окно. Удаляем оттуда все полностью и на это место вставляем код расширения из файла snb-firefox-social-networks-buttons.js все. Для удобства выделения всего текста (кода), вы можете пользоваться сочетанием клавиш Ctrl + A- выделить все, а для копирования Ctrl + С и для вставки кода - Ctrl + V




  7. Нажимаем на иконку справа вверху - "Сохранить", или нажимаем Ctrl + S и на этом установка расширения считается законченной.
  8. При первом запуске, возможно потребуется дать разрешение на всплывающие окна для сайтов. на которых вы будете использовать расширение. Это сообщение появится при попытке использования расширения в виде полоски вверху окна браузера.

Для отключения блокировки всплывающих окон Mozilla Firefox

  1. Нажать на сэндвич-меню -> , справа на панели браузера
  2. Выбрать пункт "Настройки" ->
  3. Слева, на панели, выбираем раздел "Приватность и защита"
  4. Прокручиваем вниз и находим раздел "Блокировать всплывающие окна". Снимаем галочку напротив, как на фото ниже.




Включить, или отключить расширение очень легко. Достаточно нажать на значок "Обезьянки" на панели браузера, сверху и выбрать режим "Enabled" -> Включено или "Disabled" -> Выключено.



Теперь, когда вы зайдете на страницу где нет кнопок социальных сетей, вы всегда сможете быстро поделиться ею со своими читателями, просто нажав:
Shift + G - для Google Plus,
Shift + F - для Facebook,
Shift + T - для Twitter.



Если вас интересует такое же расширение для Google Chrome, то я про него написал в посте Extension Social Networks Button (SNB)

                                                                                                                                                             

пятница, 20 апреля 2018 г.

Расширение SMD - social media downloader.

Давно собирался написать расширение, которое послужило бы хорошим помощником в загрузке фото и видео из социальных сетей, таких как Google+, Facebook, Twitter и конечно же Instagram

Мои требования:

  1. Одно расширение для фото и видео, и для всех сетей сразу.
  2. Легкость самого расширения. Вес - 4.28 Кб (из которых 4 Кб - картинка-иконка, остальные менее 100 строк js-кода) и отсутствие подключения сторонних библиотек (типа jQuery)
  3. Совместимость с другими расширениями (в частности Adblock Plus)
  4. Минимальные настройки для работы, загрузки

Требования к "железу"

  1. Браузер Google Chrome версии 64.0.3282 и выше. Думаю, что можно написать - любая, потому что более старые версии все равно не поддерживаются уже самими Google разработчиками.
  2. Операционная система Windows (32-bit or 64-bit). С другими не проверял.
Пользуюсь расширением уже третий месяц регулярно и полностью им доволен. Замечаний по работе от сотрудников компании, которая использует расширение с февраля, не поступало. На этом основании, я могу заключить, что с задачей справился полностью и теперь могу предложить его для свободного использования. Размещая его на gitHub - сайте проектов с открытым исходным кодом, я приглашаю вас использовать его безвозмездно, вносить свои предложения и изменения. Для излишне осторожных пользователей, я думаю, размещение в открытом доступе кода, послужит некоторой гарантией доверия. Теперь по порядку:

Установка


  1. Скачиваем расширение. Вы можете скачать расширение с сайта gitHub - smd-for-google-chrome
    .О том. как клонировать репозиторий с gitHub вы можете вспомнить пройдя по ссылке. Я рассказывал об этом в своем посте "Клонирование репозитория GitHub на компьютер"
    Или загрузить его на свой компьютер с моего Гугл Диска - SMD for Google Chrome on my Google Drive
    При скачивании с Гугл Диска, вы можете скачать сразу всю папку SMD-social-media-downloader себе на компьютер, для этого вам нужно сделать шаг назад по дереву папок на Диске. Или можете загрузить все по одному файлу в свою папку на компьютере. Если скачиваете целой папкой, то не забудьте ее распаковать в нужную папку. Скачивается в 7-zip.
  2. Идем во вкладку Расширения - Extensions (chrome://extensions/). В самом верху страницы справа, ставим галочку напротив пункта - Developer mode - Режим разработчика. И нажимаем на кнопку слева -> Load unpacked extension Загрузить неупакованное расширение. В открывшемся окне, выбираем папку с нашим расширением и нажимаем кнопку загрузки. После этого расширение добавится в панель.
    Более подробно о пошаговой установке расширения ( c картинками ) вы можете прочитать в моем посте посвященном расширению, которое позволяет поделиться статьей с любого сайта, даже если у него нет таких кнопок. Extension Social Networks Button (SNB).
  3. Иногда требуется разрешить браузеру открывать всплывающие окна.
    • В правом верхнем углу экрана нажмите на значок Настройки.
    • В нижней части страницы выберите Дополнительные.
    • В разделе "Конфиденциальность и безопасность" нажмите Настройки контента.
    • Выберите Всплывающие окна.
    • Я это делаю очень просто вот так как на картинках:




    • Один клик слева по замку -> По нижней строке выпадающего окна

Как скачать?


Google+

Фото

  1. Включить расширение на вкладке Extensions (chrome://extensions/) - поставить галочку рядом с ним
  2. Для скачивания фото из G+, фото открываем в новой вкладке (правая кнопка мышки -> открыть фото в новой вкладке). Перейти в новую вкладку и нажать Sift + A. Нажать вначалеSift и удерживая его A




  3. Щелкнуть правой кнопкой по фото и выбрать куда его сохранить





Видео

Работа с расширением G+V, разбираем по пунктам.

  1. Выбираем в ленте понравившееся видео и открываем его, как обычно во фрейме для просмотре видео - кликнув по нему левой кнопкой мыши. Этот шаг вы делаете как обычно при любом просмотре видео.Можно просто нажать на воспроизведение видео, чтобы оно открылось в специальном окне просмотре видео.
  2. Нажимаем на воспроизведение, как обычно и после этого зажимаем кнопку Shift + A и дважды кликаем правой кнопкой мыши




  3. Выбираем "Сохранить видео как..." и сохраняем в формате .mp4 в любую папку на вашем компьютере.

Facebook

  1. Видео открыть в отдельной вкладке. Для этого правая кнопка мышки на дату видео -> открыть фото в новой вкладке.
  2. Дождаться полной загрузки и нажать Sift + A
  3. Повторить 2-ой пункт.
  4. Нажать на значок загрузки в правом нижнем углу видео и выбрать папку для сохранения.

Более подробно...


  1. Находим понравившееся видео в ленте и нажимаем на дату публикации правой кнопкой мыши




  2. Выбираем -"Открыть видео в новой вкладке
  3. Запускаем видео и нажимаем Shift + A




  4. Видео откроется в Facebook для мобильных, как это видно на картинке выше.
  5. Повторно нажимаем кнопку Sift + A и теперь вы можете сохранить видео в формате .mp4 в любую папку на вашем компьютере




Можно просто перейти в отдельную вкладку видео, запустить его и дважды нажать Shift + A, но я захотел описать здесь все более подробно!

Twitter

Фото

Очень просто. Нажмите на любое фото, или группу фото прямо в ленте. Фото или группа фото, откроется во фрейме. Теперь нажмите сочетание Sift + A и фото в доступном для скачивания формате (.jpeg, .jpg, .png) откроется в новой вкладке. Скачиваете как обычно. правая кнопка мышки -> "сохранить как.."

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

Видео

Нажать на пост с видео, чтобы нужное видео открылось во фрейме для просмотра и нажать Sift + A Теперь нужно просто запустить, то видео которое вы хотите скачать (Play) и все. Запускаем видео и в правом нижнем углу выбираем иконку загрузки видео. Нажимаем и сохраняем в любой папке в формате mp4

Более подробно...

  1. Нашли в ленте нужно видео и нажали на пустое место над видео в этом посте. На фото - где звездочка.




  2. После этого видео откроется в отдельном фрейме, вам нужно нажать Shift + A




  3. Произойдет загрузка мобильной версии этого видео в новой вкладке




  4. Теперь запускаем видео и вы увидете, что оно опять откроется в некоем фрейме




  5. Последний раз нажимаем сочетание Shift + A и после перезагрузки странички вы получите видео в удобном для скачивания формате.




  6. Нажимаете, как показано на рисунке выше и скачиваете себе на компьютер любое видео в формате .mp4

Еще один способ..
По шагам:
  1. Нашли в ленте понравившееся видео и нажали на значок время публикации, правой кнопкой мышки. Выбрали пункт - "Открыть в новой вкладке"




  2. Ниже на фото вы видете, как будет выглядеть видео открытое в отдельной вкладке до нажатия клавиши Sift + A



  3. Нажали клавишу Sift + A. Вкладка изменит свой вид. См фото ниже.




  4. Запускаем видео (кнопка по центру, как обычно) и нажимаем на значок в правом нижнем углу видео -> "Скачать". Откроется окно с выбором папки для сохранения. Обратите внимание, что видео вы сможете скачать теперь в формате .mp4




Вот и всё!
Если не считать открытия видео в отдельном окне, то все скачивание свелось к нажатию пары кнопок!
Более простого способа скачать blod - видео c Twitter сайта я не знаю.

Instagram

  1. Нажать на фото или видео, чтобы оно открылось во фрейме для просмотра
  2. Дождаться полной загрузки и нажать Sift + A
  3. В отдельной вкладке откроется видео или фото в доступном для скачивания формате.

Более подробно...

Самое простое что может быть - это скачивать с расширением фото или видео из Инстаграм. По порядку:

  1. Выбираем понравившееся видео или фото и кликаем по нему левой кнопкой мыши.
  2. Видео откроется в отдельном фрейме, как для обычного просмотра




  3. Нажимаем кнопку Sift + A на клавиатуре




  4. В правом нижнем углу видео появится стрелочка загрузки видео/Нажимаем на нее и сохраняем видео в любую папку на вашем компьютере, в формате .mp4
  5. Для фото все точно также, и скачать его вы сможете обычным способом, после открытия фото в новой вкладке, просто нажав на него правой кнопкой мышки -> сохранить как...
И конечно же я вам настоятельно рекомендую еще одно свое бесплатное расширение, для тех, кто часто делится чем - то в соц.сетях, ведет странички и группы - кнопки поделиться для любого сайта. Вы сможете поделиться любым сайтом в Facebook, Twitter, Google Plus, просто нажав сочетание клавиш. Extension Social Networks Button (SNB).                                                                                                                                                              

четверг, 19 апреля 2018 г.

Extension Social Networks Button (SNB).

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

Эту пробелу можно решить копированием ссылки, и пр., но это занимает слишком много времени. Для решения именно этой проблемы и было написано это расширение. Особенно полезно оно для тех, кто ведет страницы в соц сетях (SMM). По заказу нашего SMM-менеджера и сделано это расширение. При желании его можно дополнить и другими социальными сетями. Оно исправно работает уже пол года на всех последних версиях браузера Google Chrome.

Это расширение для браузера Google Chrome версии 40.0.2214 и более.

Скачать его можно с сайта gitHub - https://github.com/YaroslavW/snb
О том. как клонировать репозиторий с gitHub вы можете вспомнить пройдя по ссылке. Я рассказывал об этом в своем посте "Клонирование репозитория GitHub на компьютер"

Вы также можете скачать его с моего Google Drive

При скачивании с Гугл Диска, вы можете скачать сразу всю папку SNB себе на компьютер, для этого вам нужно сделать шаг назад по дереву папок на Диске. Или можете загрузить все по одному файлу в свою папку на компьютере. Если скачиваете целой папкой, то не забудьте ее распаковать в нужную папку. Скачивается в 7-zip.

Установка

  1. Скачиваем расширение в отдельную папку на вашем компьютере.
  2. Идем в раздел "Extensions" Google Chrome. Кликаем по Customize and control Google Chrome (три точки или штриха в правом верхнем углу панели браузера - 1) -> More Tools (2) ->Extensions (3)




  3. Отмечаем флажок "Developer Mode" (1) -> кликаем по "Load Unpacked" (2) и в открывшимся окне выбираем загруженную ранее папку. Нажимаем кнопку для загрузки (3)




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




  5. Теперь, когда вы зайдете на страницу где нет кнопок социальных сетей, вы всегда сможете быстро поделиться ею со своими читателями, просто нажав Shift + G для Google Plus Shift + F для Facebook Shift + T для Twitter




Если вас интересует такое же расширение для Mozilla Firefox, то я про него написал в посте FireFox: SNB Social Neworks Buttons.                                                                                                                                                              


Хотите освоить самые современные методы написания React приложений? Надоели простые проекты? Нужны курсы, книги, руководства, индивидуальные занятия по React и не только? Хотите стать разработчиком полного цикла, освоить стек MERN, или вы только начинаете свой путь в программировании, и не знаете с чего начать, то пишите через форму связи, подписывайтесь на мой канал в Телеге, вступайте в группу на Facebook.Пишите мне - kolesnikovy70 почта gmail.com