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

Кулинарные истории

Казуальные, Новеллы, Симуляторы

Играть

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

  • Oskanov Oskanov 8 постов
  • alekseyJHL alekseyJHL 6 постов
  • XpyMy XpyMy 1 пост
Посмотреть весь топ

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

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

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

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

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Devtools

6 постов сначала свежее
4
cherkalexander
cherkalexander
10 месяцев назад

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

Как инспектировать разметку попапов Кросспостинг, Pikabu Publish Bot, Frontend, Devtools, Программирование, IT, Google Chrome


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

Способ 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

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

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

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

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

GH-database⁠⁠

GH-database Nodejs, Npm, База данных, Storage spaces, Файл, Javascript, Json, Сервер, Разработчики, Devtools, Web, Backend, Длиннопост

Около 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
19
luxkaiwoker
7 лет назад

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

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

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


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


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

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

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

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

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

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


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

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

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

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