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

Игра в кальмара 2: новые испытания

Аркады, Казуальные, Для мальчиков

Играть

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

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

HTML + Пикабу

С этим тегом используют

CSS Программирование Javascript Верстка IT Сайт Web Комментарии Скриншот Волна постов Юмор Пикабушники Мат Комментарии на Пикабу Все
19 постов сначала свежее
13
pimarov352
3 месяца назад

Волосинка⁠⁠

Листаю ленту. Смотрю какая-то царапина на мониторе, которой не было. Но ногтем не чувствуется.

Лезу в код проверить, и да, волосинка добавлена на 1 апреля.

Выглядит как настоящая царапина. Прикол удался.

Волосинка 1 апреля, Волосы, Царапина, CSS, HTML, Пикабу, Скриншот
1 апреля Волосы Царапина CSS HTML Пикабу Скриншот
8
0
Nematerialnoe
Nematerialnoe
1 год назад

Реклама⁠⁠

Вот такой вот экземпляр, я сегодня лицезрел.
Это какая-то специальная реклама для программистов. Своеобразный поиск кодеров? Или так тестировщиков ищут? Или ещё кого?

(п.с. да - это белый код на чёрном фоне, выделяется и вот это всё)

Реклама Пикабу, Реклама на Пикабу, Скриншот, Реклама, Яндекс, Код, HTML, Баг, Фича, Не баг а фича
Показать полностью 1
[моё] Пикабу Реклама на Пикабу Скриншот Реклама Яндекс Код HTML Баг Фича Не баг а фича
3
user4822351
2 года назад

Html теги #wonder⁠⁠

<!doctype html> //программа

<html lang="ru"> //язык

<head> //шапка сайта

<meta charset="utf-8"> мета

<title>название сайта</title>

</heat>

<link rel="stylesheet" href="styles.css"> //обращение к файлу css

<body> //основной холст сайта

<center></center> //выравнивает по центру

<h1>-<H6> //ЗАГЛАВНЫЙ ТЕКСТ

<i> маленький текс с наклоном

<br> с новой строчки

<div class="классы"></div> присваевает и создает класс для css

<img src="изображение">

<p> текст

Wonder HTML Текст Пикабу Посты на Пикабу
10
2
DVArchi
DVArchi
3 года назад

Пикабу переливающийся⁠⁠

А вы знали, что если в комментах ткнуть на слово "пикабу", оно начинает переливаться разными цветами?

Пикабу переливающийся Пикабу, Комментарии на Пикабу, Цвет, Радуга, Анимация, HTML, CSS, Повтор

Случайно ткнул вот и увидел это. Правда работает, походу, только на ПК.

[моё] Пикабу Комментарии на Пикабу Цвет Радуга Анимация HTML CSS Повтор
30
7
TayZan
3 года назад

Пост без смысла⁠⁠

Увидел что можно картинку менять и почему-то захотелось...

Пост без смысла HTML, Статистика, Пикабу, Печенька, День рождения Пикабу, Статистика Пикабу
HTML Статистика Пикабу Печенька День рождения Пикабу Статистика Пикабу
2
34
tmax
4 года назад

Ищем API Пикабу. Часть 1.5. Интермедия⁠⁠

Предыдущая часть: Сказ о том, как Рыцарь свежего смог достучаться до самого сердечка ИЛИ ищем API Пикабу

Сразу хочу поблагодарить комментаторов в предыдущем посте за проявленный к теме интерес, за вопросы и за предложения. Ознакомившись с комментариями (целых 14 штук, чуть не надорвался!), я решил написать этот промежуточный пост и разобрать альтернативные пути дальнейших действий.


Итак, прошлый пост закончился на том, что я успешно перехватил трафик с приложения Пикабу для Android, увидел волшебную ссылку https://api.pikabu.ru/v1 и определил, что обмен данными производится по JSON (логично). Но пикабушники не были бы пикабушниками, если бы обошлись без подколов в комментах. Люблю вас, честно.


Проблема в том, что в обнаруженном API мог оказаться вообще любой формат - JSON, XML, YAML или, прости хоспаде, голый HTML. И я покажу HTML внутри ответа от сервера в формате JSON чуть далее. Морально я был готов увидеть в протоколе вообще всё, что угодно, но это оказался JSON, чему я был несказанно рад, так как лично мне с ним работать много проще, чем с тем же XML, да и читать его в сыром виде приятнее, чего греха таить. В качестве особого извращения, можно возвращать результат в виде base64(zlib(protobuf())). Упаковка и распаковка ляжет целиком на плечи серверов и клиентов, зато, с высокой долей вероятности, будут пересылаться меньшие пакеты данных, что актуально для спутникового интернета где-нибудь у черта на куличиках.

Ладно, не буду превращать пост в ответы на комментарии, я только один раз, всего лишь на пол шишечки <3

В комментариях пользователи также предложили еще два способа получить данные с сайта для последующей обработки. Рассмотрю их в порядке возрастания интереса лично для меня.

На данный момент, самый горячий пост - Оскорбил. Его и буду препарировать. Погнали.

@krot2

А что помешало в хроме переключить на мобильную версию и открыть devtools

Справедливое замечание. Но мне это даже в голову не пришло. Наверняка, это была заводская блокировка, чтобы я не заморачивался всякими анализами HTML. У меня Firefox, поэтому выполню аналогичные действия. Тут это называется "Адаптивный дизайн".

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Вероятно, так выглядит Пикабу на iPhone X/XS. Не знаю, не хочу проверять в живую. Открываю devtools (они же инструменты разработчка на F12) и первое, что я вижу - разметка страницы.  Допустим. Ищу текст статьи, вот он:

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Чтобы до него добраться надо, как я понимаю, найти блок div с классом(-ами?) "story-block story-block_type_text". Но не пинайте строго, я в вебе не особо разбираюсь и сайты ранее не парсил, умею только читать (глазами и головой) разные штуки и анализировать прочитанное. Как по мне, такое название класса не выглядит чем-то фундаментально неизменяемым, но кто его знает, на самом деле. Могу ошибаться, но это, вроде, ссылка на таблицу стилей. Получается, если стилисты поменяют название класса, то парсер посыпется. Неприятно. Однако, хочу заметить, что посыпется любая программа, заточенная под специфическую строку, даже в случае JSON.

Итог - требуется парсер HTML. Конкретно эта страничка весит ~404 кб (для проверки размера я сохранил .html файл на диск и посмотрел его размер). Пока не знаю, много это или мало, разберемся чуть позже.

@gosnorkocontrol

не проще ходить парсером по https://pikabu.ru/new?twitmode=1&of=v2&page=1 и т.д.? там html в data - простетский, все посты удобно разбиты на обьекты.

Та-а-ак, а это уже интересно. Давай попробуем: Оскорбил

{"result":false,"message":"Krasavchik"}

Спасибо, товарищ программист бэкэнда, стараемся! Жаль, что не удалось договориться :) Ответ пришел, тем временем, в JSON. С конкретным постом не прокатило, надо попробовать в общей ленте: https://pikabu.ru/?twitmode=1&of=v2

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост
Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Есть ответ! В JSON! Похоже, загрузилась какая-то часть из 7006 постов в горячем. Есть какая-то реклама (ключ ads), есть какие-то stories (aka посты), поглядим...

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост
Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Спасибо, Киану. Ты очень точно передал моё выражение лица. Продолжим... Ключ "html", да и содержимое со всякими там div-ами. Да, похоже на правду. Вот только множество переносов строк (\n) и табуляций (\t) напрягает. Ладно, надо найти какой-нибудь html beautifier, чтобы посмотреть на это дело в нормальном виде.

Как обычно, искать лень, а на первом попавшемся сайте по выравниванию HTML эскейп-символы не убираются. Но я же программист C++, я знаю аж 2 способа, как от них избавиться. Их можно заменить в каком-нибудь Notepad++ на пустой символ или просто напечатать все содержимое в программе С++. Программисты С++ не всегда ищут простые пути. Зачастую, лучший путь тот, что занимает меньше кликов :)

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Хорошо, но можно сделать еще лучше.

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Во, в самый раз. И что же я теперь вижу? То же название класса в теге div, то же содержимое. Дальше углубляться не вижу смысла.

Сразу виден минус этого подхода - предоставленные мне ключи запроса не подошли для получения данных конкретного поста, а было бы хорошо грузить только конкретные посты, а не всю пачку целиком. И еще возникает вопрос о способе получения "среза" постов за определенный период. Думаю, способа запросить у сервера список допустимых ключей для запроса нет, ну да ладно. Требуется два инструмента - парсер для JSON и парсер HTML. Размер - ~156 кб, но это не один пост, а целая пачка с главной страницы. Требование двух инструментов не является таким критичным, как невозможность использовать этот способ при загрузке конкретно одного поста.

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

Третий способ - воспользоваться API мобильного приложения. Поехали.

Я буду пользоваться всё тем же mitmproxy и эмулятором с установленным пропатченным приложением Пикабу, хотя и ознакомлюсь с питоновскими библиотеками, предложенными в комментариях, чуть позже. Открываю через приложение страничку горячего. Запрос:

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Щьёрт побьери! Пока писал пост, горячее обновилось и сравнить размеры не получится. Вижу номер запроса страницы. Хорошо. Ответ:

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Содержимое ответа скрыто, поэтому предлагаю поверить мне на слово, что там JSON :) Никакой пользы этот скриншот, кроме размера в 241.9 кб в рамках текущего разбора не несет, но почему бы и нет? Интернет не казенный, так что расчехляйте свои байты, гулять так гулять! А, вы уже?...

Но теперь-то появилась возможность проверить страничку тестового поста! Ищу пост по имени пользователя за последние сутки, нахожу и открываю его. Приложение генерирует следующий запрос:

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

Вах, целочисленный story_id, по которому можно просто в цикле грузить посты с Пикабу. Супер. Страница номер 1? Комментарии? В ответе пришла вся информация по посту, включая какой-то список комментариев, возможно полный. Приведу наиболее интересную часть ответа:

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост

story_data - список блоков поста, в нашем случае, один блок типа "t" (text), но который содержит какие-то теги HTML. Вполне возможно, тут же будет присутствовать и форматирование, и ссылки, но с этим буду разбираться потом. Также, тут присутствует полный URL на пост. Я не знаю, возможно ли осуществлять переход по конкретным постам в десктопной/мобильной версии, имея на руках только номер поста, но тут есть полная ссылка, что, определенно, плюс. Хотя я бы возвращал только относительный путь к посту, независимо от домена, а сам домен настраивал в момент первого включения приложения или периодически возвращал бы его в процессе обновления ленты. Короче, я бы не стал отправлять его постоянно, только время от времени. Мало ли... Есть также информация о пользователе - его идентификатор в БД, ник и ссылка на профиль. Ну и был обнаружен интересный ключ sber_donation_url, но тут и так всё понятно :)


К этому моменту каждый уже мог сделать для себя выводы о плюсах и минусах, но для адептов ЛЛ я их все-таки сформулирую, я про вас помню, ребятки.

Плюсы - можно грузить что угодно, в каком угодно порядке и в любое время. Все эксперименты проводились на приложении без аккаунта :) Нужен один инструмент для работы с JSON. Данные приходят в подготовленном для обработки виде, удобнее не придумаешь. Размеры пакетов.... Ну хз, где-то может быть больше, где-то меньше. В готовой странице можно оставлять только необходимые для работы данные/ссылки, тут же прилетает куча дополнительной информации (количество плюсов и минусов для самостоятельного подсчета соотношения, например), многое дублируется. Я бы добавил в запрос еще ключ типа verbose, и если false - то присылать только то, что необходимо для отображения по минимуму, без комментариев. Короче, тут есть простор для воображения.

Минус я вижу только один - нужно исследовать алгоритм авторизации приложения и расколоть формат запросов (есть там один противный hash, пока не ясно, от чего он считается). К каждому запросу (кроме двух первых) прикрепляется два каких-то неопознанных идентификатора. Один из них - deviceuid, и вполне может оказаться, что он не просто сгенерирован на устройстве один раз. Есть подозрение, что придется изрядно помучаться, прежде чем получится эмулировать процесс получения данных по этому способу.

Для себя я сделал выбор - буду продолжать намеченный курс и исследовать приватный API приложения Пикабу. Мне он кажется наиболее гибким и наиболее простым в починке, в случае, если что-то поломается.

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

Ищем API Пикабу. Часть 1.5. Интермедия API, Пикабу, Json, HTML, Длиннопост
Показать полностью 13
[моё] API Пикабу Json HTML Длиннопост
41
POKIS
POKIS
4 года назад

Когда скучно стало⁠⁠

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


Жил был однажды Даня, и решил он зарегать пикабу. Зарегистрировался, и он вспомнил, что мечтает стать программистом, ну и решил спросить там стоит ли быть программистом.. говорят, у него рейтинг - 100 стал, и больше его никто не видел..

[моё] Программирование Сайт Программист HTML Python C++ Негатив Пикабу История Текст
16
hugexep
6 лет назад

Любители поднять бабла на "мамонтах"⁠⁠

Любители поднять бабла на "мамонтах" Реклама, Пикабу, Создание сайта, Дорого, Бизнес, Малый бизнес, HTML, PHP

Наткнулся я на такую вот рекламу на Пикабу. Ссылку внизу обрезал, дабы не пиарить лишний раз. Я сам занимался созданием сайтов и изучал html, php и пр. Даже диплом писал, где проектом был сайт. Конечно назвать себя гуру в этом деле язык не поворачивается, но представление что это и с чем едят - имею. Умею делать простенькие сайты. Мое мнение, лендинг, как раз относится к группе простеньких сайтов, по крайней мере в 99% случаев. Но почему такие бешеные цены? Ну может они и предлагают реально УБОЙНЫЙ сайт, но блин, встречались мне фирмы которые отдавали и по 200к за сайт, который я напишу за пару дней на коленке. Примерный функционал сайта: КАТАЛОГ (картинки товаров с описанием, без возможности добавить в корзину даже) ну,  в принципе и все.

Когда я, в студенчестве, увлекался созданием сайтов, я штамповал лендинги для оконных фирм за 5 тр за штуку, правда и сам пользовался конструкторами, поэтому были довольно легкие деньги, сайты получались шаблонными, но красивыми, и для фирмы, на сайт которой заходит 500 хостов в день, такой сайт самое оно. Но они ко мне обращались, после того как они поработали с какой-то там студией, отдали кучу денег, а за новый сайт нет возможности столько платить. И самое смешное, сайт за 5тр им нравился больше, чем тот что им делала "студия". Возможно я чего-то не понимаю, да знаю кому-то важно скорость загрузки страниц, но основные заказчики это малый бизнес. К ним на сайт не особо много людей заходит, и они просто не знают, что для своих нужд они могу сделать сайт сами в том же конструкторе, или же найти какого нибудь студента, который сделает это за копейки. Жаль что бизнес в России построен на взаимона*бстве.

Показать полностью
[моё] Реклама Пикабу Создание сайта Дорого Бизнес Малый бизнес HTML PHP
28
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии