Если вы когда-нибудь хотели быстро собрать заголовки статей с сайта, то с помощью этой инструкции вы сможете сделать это всего за 3 секунды + 3 минуты на настройку, даже если никогда раньше не работали с JavaScript. Для выполнения нужно обладать минимальными знаниями HTML и CSS и просто следовать инструкции ниже.
Откройте страницу, на которой находятся статьи, и нажмите правой кнопкой мыши на заголовок одной из статей → в выпадающем меню выберите "Просмотреть код"(или Inspect).
После нажатия вам откроется код сайта (сбоку или снизу), в которой вы увидите HTML-разметку с выделенным тегом, содержащим текст заголовка. Это может быть , Проверьте, есть ли у этого тега уникальный класс, например в моем случае это "t404__title t-heading t-heading_xs" (выделен на скриншоте выше). Если class= отсутствует, то обратите внимание на родительский элемент, отвечающий за весь блок или на атрибуты вроде id, которые могут быть уникальными, например: В примере выше уникальным классом будет class="article-title". После того, как класс найден составляем селектор. Используйте тег элемента: Если заголовок находится, например, в После добавляем то, что содержалось после class =. Каждый класс добавляется через точку (.), поэтому вместо пробелов используем точки: Чтобы убедиться, что всё работает, откройте консоль браузера. Для этого нажмите Ctrl + Shift + J, после чего в боковой панели у вас отобразится Console. Вставьте код ниже, заменив CSS_SELECTOR на созданный вами ранее, и нажмите Enter: Используя шаблон скрипта ниже замените "Вставить сюда" на selector, который создали и протестировали ранее. Переходим на сервис Bookmarklet Maker и вставляем ранее подготовленный javascript в самое большое поле и нажимаем Generate Bookmarklet, после чего копируем код из поля Output: Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
12315 тендеров
1. Откройте меню закладок нажав комбинацию клавиш Ctrl+Shift+O (Windows) или Command+Shift+O (Mac); 2. В открытом меню закладок нажмите на троеточие в правом верхнем углу → "Новая закладка" 3. Задайте название вида "Сбор названий статей" в поле Имя; 4. Вставьте скопированный из Bookmarklet Maker код в поле URL; 5. Нажмите Сохранить (Готово), чтобы закладка появилась в списке. Основные вопросы 1. Почему скрипт работает в консоли, а через закладку нет? или любой другой элемент.
Как составить селектор
, начните селектор с этого тега:
Тестируем селектор
Если всё сделано правильно, вы увидите список заголовков в консоли. Если ничего не отобразилось, проверьте селектор — возможно, вы выбрали неверный класс или элемент.
Настройка скрипта и добавление в закладки
Для разового использования достаточно использовать скрипт выше. Если вы хотите искать статьи на определенном сайте на постоянной основе, то можно добавить его в закладки
Разместите
тендер бесплатно
проведено за восемь лет работы нашего сайта.
