Официальная встроенная функция загрузки в один клик основных товарных карт, карт SKU и деталей веб - сайта электронной коммерции также поддерживает пользовательское извлечение изображений высокой четкости.
Настройка шаблонов JSON позволяет настраивать регулярные выражения для веб - кода сайта, что позволяет плагинам динамически расширять поддерживаемые сайты.
Читатели и пользователи этой статьи должны обладать следующими способностями:
Понимание базовых технологий веб - интерфейса, таких как HTML, JavaScript, CSS, AJAX, чтобы лучше понять структуру веб - страницы и логику кода и обеспечить основу для настройки регулярных выражений.
Инструмент разработчика, который хорошо использует браузер Chrome и может использовать его для веб - анализа, отладки и просмотра структуры кода, обеспечивает надежную поддержку процесса настройки. Знакомство с регулярными выражениями и инструментами, знание грамматики и правил регулярных выражений, точное извлечение требуемого содержимого веб - страницы.
Способность к самообучению и решению проблем, способность к активному обучению и поиску решений при возникновении проблем в процессе использования для обеспечения успешного завершения конфигурации.
Сцена использования
Шаг первый:Подтверждение структуры Dom для коллекции изображений
Откройте F12 на соответствующем сайте, как показано на рисунке ниже, чтобы найти соответствующую структуру комикса.
Как видно из диаграммы, текущий selector
#comicContain img
Вывод загружаемого списка:
[...document.querySelectorAll(`#comicContain img`)].map(o => o.src)
На консоли можно увидеть:
Шаг второй:Заполнить шаблон
Универсальные шаблоны загрузки комиксов и, конечно же, более сложные сцены:
{
"id": 90005,
"name": "Tencent Comics",
"ico": "https://oss.floweb.cn/ac.qq.com",
"version": "24.12.01",
"description": "Поддерживает загрузку изображений ac.qq.com, скачивание изображений одним кликом",
"reg": "ac.qq.com",
"tags": [
"manhua"
],
"status": "prod",
"examples": [
"https://ac.qq.com/ComicView/index/id/543584/cid/1"
],
"groups": [
{
"fn": "updateGroupByIds",
"props": {
"Группа Name": "Главы",
"groupIndex": 1,
"source": "[...document.querySelectorAll(`#comicContain img`)].map(o => o.src)",
"ids": [
{
"attributes": [],
"replaceUrlRules": [
{
"pattern": "!q.*$",
"replaceValue": "?desc"
}
]
}
]
}
}
]
}
Особое внимание
- id: Произвольное неповторение id
- Статус: обозначен как prod
Ключевое изменение: ключевое слово source
Tip: Динамически сгенерированные иконы можно использовать с помощью floweb - инструментов, чтобы узнать больше о & nbsp; www.floweb.cn
Добавить в умный сценарий:
Шаг третий:Пользовательское имя файла:
Перейти на страницу загрузки:
Скачать напрямую:
Все интерфейсы JSON
export interface IGroupConfig {
/ / Уникальный идентификатор
id: number;
/ / Имя модуля
name: string;
/ / Модуль ICON
ico?: string;
/ / Модульная версия
version?: string;
/ / Описание модулей
description?: string;
/ / Путь соответствия по умолчанию
reg: string;
/ / Предыдущий сценарий
prevJS: string;
/ / Модули для группирования функций
groups: IRun[];
/ / Статус публикации
status?: string;
/ / Примеры
examples?: string[];
}
export interface IRun {
/ / Функциональная способность
fn: string;
/ / Дополнительная передача
props: IRunProps;
}
export interface IIds {
/ / Параметры IDS
id: string;
/ / Параметры пути
attributes?: string[];
/ / Тип, может быть тип видео
type?: string;
/ / Описание изображения Информация
alt?: string;
/ / Правила замены фотографий
replaceUrlRules?: IReplaceUrlRule[];
/ / Правила фильтрации изображений
filterUrlRules?: IReplaceUrlRule[];
}
export interface IReplaceUrlRule {
/ / Заменить правило
pattern: string
/ / Регулярное локальное / полное соответствие
flags?: string
/ / Замена
replaceValue?: string
}
export interface IRunProps {
/ / Исходный объект по умолчанию document.querySelectorAll, возвращает итеративный массив
source?: string;
/ / Параметры IDS
ids: IIds[];
/ / Название группы
groupName: string;
/ / Групповой индекс
groupIndex: number;
}
- Подлинный текст:https://mp.weixin.qq.com/s/tI2l8jbla4lczAJl7On27A
Опубликовано 2024-12-10
广东
Просмотр изображений в браузере PicHound
