1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/bingoogolapple-bga-god-assistant-config

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
README.md 16 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 08.06.2025 22:32 6b138ba

Браузерное расширение "Божественный маленький помощник"- 0-Просмотр видео-руководства

0.1-Перейти на Bilibili для просмотра видео-руководства

0.2-Перейти на YouTube для просмотра видео-руководства

1-Описание функций

Браузерное расширение "Божественный маленький помощник" является платформой для разработки браузерных расширений.### 1.1-Низкокодовый конструктор страницПредоставляет пользователям низкокодовый конструктор, с помощью которого они могут быстро создавать свои собственные уникальные страницы с новыми вкладками и страницы автоматизированных задач.

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

1.2-Управление пользовательскими скриптами

Пользователи могут добавлять различные автоматизированные задачи и скрипты.

2-Установка и обновление расширений

2.1-Установка расширений из магазина приложений

2.2-Установка расширений через zip-пакет

  1. Скачайте файл god-assistant-0.2.0.zip на свой компьютер и распакуйте его.

  2. В Chrome или Microsoft Edge открыть страницу chrome://extensions/

  3. Включите режим разработчика -> Загрузите расширение из распакованного пакета

  1. После выбора директории, распакованной на шаге 1, установка расширения будет завершена.
  1. Рекомендуется закрепить это расширение в верхней панели браузера для удобства редактирования страниц.

2.3-Обновление расширений через zip-пакет

  1. После выпуска новой версии расширения, пользователи увидят уведомление о доступности обновления при открытии любой страницы расширения. Для обновления расширения достаточно выбрать директорию установки, выбранную при первоначальной установке.
  1. Обновление расширения требует разрешения на запись в директорию установки, поэтому пользователю необходимо разрешить изменение файлов.

3-Функциональное описание

3.1-Создание страниц с помощью низкокодового подхода

  1. Щелкните правой кнопкой мыши на значке расширения и выберите "Настройки" или "Настройки расширения", чтобы открыть страницу с конфигурационными параметрами расширения.
  1. Затем вы можете добавлять, удалять и изменять страницы вашего браузера.

3.2-Экспортируемые браузерные интерфейсы расширения

Браузер предоставляет расширениям множество API API справочник. Расширение "Божественный помощник" предоставляет метод $chrome.callMethodByPath для выполнения оригинальных браузерных API.- Пример 1: Отслеживание события клика

$props({
  onClick: () => {
    $message.info("Обработка события клика");
  },
});
  • Пример 2: Получение информации из файла манифеста расширения
$props({
  onClick: async () => {
    // Метод 1
    const manifest1 = await $chrome.runtime.getManifest();
    alert(JSON.stringify(manifest1, null, 2));
    // Метод 2
    const manifest2 = await $chrome.callMethodByPath("runtime.getManifest");
    alert(JSON.stringify(manifest2, null, 2));
  },
});
  • Пример 3: Запись и чтение кэша
$props({
  onClick: async () => {
    // Запись в кэш - метод 1
    await $chrome.storage.local.set({
      key1: `${new Date().toLocaleString()}`,
      key2: `${Math.random()}`,
    });
    // Запись в кэш - метод 2
    await $chrome.callMethodByPath("storage.local.set", {
      key3: `${new Date().toLocaleString()}`,
      key4: `${Math.random()}`,
    });

    // Чтение из кэша - метод 1
    const result1 = await $chrome.storage.local.get(["key1", "key2"]);

    // Чтение из кэша - метод 2
    const result2 = await $chrome.callMethodByPath("storage.local.get", [
      "key1",
      "key2",
    ]);

    $message.success(JSON.stringify({ result1, result2 }));
  },
});
  • Пример 4: Получение активной вкладки
$props({
  onClick: async () => {
    // Метод 1
    const tab1 = await $chrome.tabs.query({
      active: true,
      lastFocusedWindow: true,
    });
    alert(JSON.stringify(tab1));
    // Метод 2
    const tab2 = await $chrome.callMethodByPath("tabs.query", {
      active: true,
      lastFocusedWindow: true,
    });
    alert(JSON.stringify(tab2));
  },
});
  • Пример 5: Уведомление операционной системы
$props({
  onClick: () => {
    let myNotificationId;
  },
});
```    // Создание уведомления операционной системы
    $chrome.notifications.create(
      null,
      {
        type: "basic",
        title: "Заголовок уведомления",
        message: "Сообщение уведомления",
        iconUrl: "../images/128.png",
      },
      $chrome.proxy((notificationId) => {
        myNotificationId = notificationId;
        $message.info(`ID созданного уведомления операционной системы: ${notificationId}`);
      })
    );    // Обновление уведомления через 3 секунды
    setTimeout(() => {
      $chrome.notifications.update(
        myNotificationId,
        {
          type: "basic",
          title: "Изменённый заголовок",
          message: "Изменённое сообщение",
          iconUrl: "../images/128.png",
        },
        $chrome.proxy((wasUpdated) => {
          $message.info(`Обновление уведомления: ${wasUpdated}`);
        })
      );
    }, 3000);

    // Удаление уведомления через 6 секунд
    setTimeout(() => {
      $chrome.notifications.clear(
        myNotificationId,
        $chrome.proxy((wasCleared) => {
          $message.info(`Удаление уведомления: ${wasCleared}`);
        })
      );
    }, 6000);
  },
});

4-Пожалуйста, используйте QR-коды ниже для консультаций или обратной связи

4.1-WeChat

Сканирование для добавления в группу WeChat для консультаций или обратной связи Сканирование для подписки на WeChat-канал для просмотра видео-руководств Сканирование для добавления в WeChat автора для консультаций или обратной связи
Группа WeChat Канал WeChat WeChat автора
--------------------------------------------------------------- --------------------------------------------------------------- --------------------------------------------------------------
QQ группа QQ短视频 QQ автор
-----------------------------------------------------------------------------------------
https://t.me/god_assistant_extension

5-Поддержите автора

Если вы считаете, что расширение браузера «Божественный помощник» было полезным для вас, вы можете сделать пожертвование в размере 10,24 юаней, чтобы поддержать автора в его дальнейшей работе.

WeChat QQ Alipay
WeChat QQ Alipay

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/bingoogolapple-bga-god-assistant-config.git
git@api.gitlife.ru:oschina-mirror/bingoogolapple-bga-god-assistant-config.git
oschina-mirror
bingoogolapple-bga-god-assistant-config
bingoogolapple-bga-god-assistant-config
master