Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Регистрируясь, я даю согласие на обработку данных и условия почтовых рассылок.
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Онлайн-РПГ в формате коллекционной карточной игры. Собери свою уникальную колоду из фэнтезийных героев и брось вызов игрокам другим в дуэлях и масштабных битвах на арене!

Повелители стихий

Карточные, Мидкорные, Ролевые

Играть

Топ прошлой недели

  • Oskanov Oskanov 9 постов
  • Animalrescueed Animalrescueed 44 поста
  • Antropogenez Antropogenez 18 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

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

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
4
cherkalexander
cherkalexander

Как инспектировать разметку попапов⁠⁠

1 год назад
Как инспектировать разметку попапов


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

Способ 1: Открываете DevTools ⇒ Вкладка Sources ⇒ Далее наводите мышкой на свой элемент ⇒ Нажимаете F8, чтобы приостановить выполнение скрипта

Способ 2: Открываете DevTools ⇒ Находите тег body или тот тег, внутри которого появляется попап и нажимаете на нём правой кнопкой ⇒ Выбираете “Break on ⇒ subtree modification” и дебажите до тех пор пока не появится попап.

Способ 3: Мой любимый. Вставляете скрипт в консоль и у вас есть 3 секунды чтобы показать попап. Именно этим способом пользовался пока не узнал про первый 😄

setTimeout(() => { debugger }, 3000)

https://t.me/cherkashindev/219

Показать полностью 1
[моё] Кросспостинг Pikabu Publish Bot Frontend Devtools Программирование IT Google Chrome
3
BHD2R
BHD2R

Страшилки-пугалки от Цукерберга⁠⁠

3 года назад

facebook.com и Ctrl+Shif+i

Страшилки-пугалки от Цукерберга
Показать полностью 1
Web Devtools Браузер Facebook Консоли
2
lmiol
lmiol

Pikabu пасхалка в вкладке Console в Сhrome DevTools: Вы кто такие? Я вас не звал⁠⁠

4 года назад

Не знаю находили ли прежде... поиск ничего не выдал.
В общем вот:

Pikabu пасхалка в вкладке Console в Сhrome DevTools: Вы кто такие? Я вас не звал
Пикабу Пасхалка Devtools
6
3
glab.16
Web-технологии

GH-database⁠⁠

5 лет назад
GH-database

Около 3 месяцев назад я уже писал статью про это приложение, тогда это были еще первые наброски без четкой структуры и с крайне ограниченным функционалом. У приложения было всего 7 методов. Что ж в сегодняшнем релизе их уже 28.

С тех пор функционал сильно расширился, теперь в приложении есть методы для работы с файлами и папками, что собственно говоря было и тогда, но появилась возможность использования его как полноценной базы данных, создание коллекций и реализации CRUD. А также были добавлены методы для хранение файлов без обработки, что то вроде storage.

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

Теперь более детально.

За основу приложения был взят npm модуль fs. Так что если приложение вернуло вам ошибку, то то что было в блоке error нужно гуглить в контексте модуля fs, а не Gh-database или ghc-db.

Приложение написано на nodejs, то бишь это обычный сервер к которому можно обращаться посредством POST запросов. Подробнее о них можно почитать в документации: https://github.com/GreenHouseControllers/GH-database

Для удобной работой с приложением был написан npm модуль - ghc-db. Думаю не стоит останавливаться на том что такое npm модули, как их устанавливать и так далие.

Прежде чем работать с приложением нужно сделать коннект с ним. Для этого есть метод connect, в него вы должны передать токен. Токен вы задаете в файле config в файлах Gh-database. Подробнее об этом читайте в документации.

Для работы с файлами есть:

createDir/removeDir - для создания/удаления папок и createFile/removeFile - соответственно для файлов.

readFile/writeFile - для чтения/записи файлов.

rename - для переименования файлов и папок.

Для работы с файлами имеющими расширение .json, есть отдельный набор методов

readJson/writeJson - для чтения записи файлов.

getElement - возвращает ответ по ключу.

pushElement/deleteElement - для добавления и удаления элемента в массиве.

Немного о функционале базы данных

Для создание и удаления коллекций используются методы createCollection и removeCollection соответственно.

Имеются методы для CRUD, по аналогии с MongoDB, но метод read возвращает всю коллекцию. Для получения одного объекта по параметрам есть метод get.

Так же вы можете переименовывать коллекцию с помощью метода renameCollection

Функционал файлового хранилища реализован в трех методах:

upload - для загрузки файлов

remove - для удаления файлов

download - для скачивания файлов

Обращение к файлам происходит по тому имени с которым он был загружен.

Для того чтобы получить токен, можно воспользоваться методом login. Но чтобы создать пользователя нужно использовать метод register, для которого уже нужен токен.

Также среди методов админа есть метод getErrorLog, который возвращает полный массив объектов с ошибками в формате json.

Данная версия еще все же сырая. Но я рад буду если вы заинтересуетесь данным приложением. Жду конструктивной критики, предложений, переделок, багов.

Будем рады если вы напишите простые примеры с использованием приложения и модуля ghc-db. Присылайте их в комментариях к статье и в телеграм, Вы можете перейти в группу в телеграмме где можете высказать свое мнение, предложить собственные идеи, поделится чем то новым. Сообщения касательно Gh-database присылайте с #ghDb в начале сообщения.

Ссылка на группу: https://t.me/joinchat/LvAn_FR2r9crJGKqP_aYYA

Показать полностью 1
[моё] Nodejs Npm База данных Storage spaces Файл Javascript Json Сервер Разработчики Devtools Web Backend Длиннопост
2
21
luxkaiwoker

Как установить скорость видео на любом сайте⁠⁠

7 лет назад

По мотивам https://pikabu.ru/story/kachaem_pesni_s_lyubyikh_saytov_bez_...

Многие знают, что на некоторых сайтах, например youtube, можно выбирать скорость просмотра видео. Однажды меня не устроило ограничение в х2 и я нашел способ как поставить любую скорость воcпроизведения. А позже понял, что способ можно использовать даже на сайтах, где нет встроенной регулировки скорости.


Суть та же что и в приведённом посте: видео показывается в тэге видео, у которого в свою очередь есть свойство playbackRate. Достаточно изменить его значение


1. На странице с, уже запущенным, видео открываем консоль в браузере (ctrl+shift+j). Появится окно с консолью справа или снизу, возможно там будут сообщения от скриптов - не обращайте внимания.

Как установить скорость видео на любом сайте

2. Вставляем команду:

document.getElementsByTagName("video")[0].playbackRate = 2.25;

соответственно скорость может быть любая.

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


P.S. Если вдруг на странице воспроизводится больше чем одно видео и вам надо поменять скорость не первого, тогда просто поменяйте [0], на [порядок нужного видео- 1]

Показать полностью 1
[моё] Devtools Скорость Видео
15
canvas
canvas

У меня у одного сегодня утром DevTools в Chrome обновился?⁠⁠

11 лет назад
честно - я был в шоке. в приятном шоке =)
У меня у одного сегодня утром DevTools в Chrome обновился?
Google Chrome Devtools
9
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии