Встроенные плагины: свойства и методы

Некоторые встроенные плагины экспортируют некоторые публичные методы для специальных нужд, например:

vConsole.log.info()

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

vConsole = new VConsole({ defaultPlugins: ['system'] }); // плагин network не добавлен
vConsole.network.clear(); // Ошибка: network неопределен

Панель логов

vConsole.log.log()

Аналогично методу console.log(). Доступные методы:

vConsole.log.log(...)
vConsole.log.info(...)
vConsole.log.debug(...)
vConsole.log.warn(...)
vConsole.log.error(...)

Вызов этого метода позволяет выводить логи только в панель логов vConsole, а не в консоль браузера.

vConsole.log.clear()

Удаление всех логов с панели логов. Аналогично console.clear().

Параметры

Отсутствуют.

Возвращаемое значение

void

Панель системы

vConsole.system.log() | info() | debug() | warn() | error()

Аналогично vConsole.log.log(), но логи выводятся в панель системы.

vConsole.system.clear()

Удаление всех логов с панели системы.

Параметры

Отсутствуют.

Возвращаемое значение

void

Панель сети

vConsole.network.add()

Добавление пользовательского запроса в панель сети.

vConsole.network.add(item: VConsoleNetworkRequestItem): VConsoleNetworkRequestItemProxy

Параметры- item: VConsoleNetworkRequestItem: Объект пользовательского запроса.```javascript

interface VConsoleNetworkRequestItem { // HTTP метод method: '' | 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD' | 'CONNECT' | 'OPTIONS' | 'TRACE' | 'PATCH'; // Полный URL, например: https://www.abc.com/foo?a=b url: string; // Код состояния HTTP, например: 200 status: number | string; // XMLHttpRequest.readyState readyState?: XMLHttpRequest['readyState']; // Заголовок ответа, пары ключ-значение headers: { [key: string]: string }; // XMLHttpRequest.responseType responseType?: XMLHttpRequest['responseType']; // 'xhr': XMLHttpRequest, 'fetch': fetch запрос, 'ping': ping запрос, 'custom': пользовательский запрос requestType: 'xhr' | 'fetch' | 'ping' | 'custom'; // Соответствует XMLHttpRequest.setRequestHeader() или заголовкам fetch requestHeaders?: HeadersInit; // Тело ответа response: any; // Временная метка начала startTime: number; // Временная метка окончания endTime: number; // Параметры строки запроса, пары ключ-значение или JSON строка getData?: { [key: string]: string } | null; // Тело запроса, пары ключ-значение или JSON строка postData?: { [key: string]: string } | string | null; } ```#### Возвращаемое значениеVConsoleNetworkRequestItemProxy

При добавлении пользовательского запроса будет возвращён новый объект, указывающий на этот запрос.

Свойства возвращаемого объекта расширяются через VConsoleNetworkRequestItem.

interface VConsoleNetworkRequestItemProxy extends VConsoleNetworkRequestItem {
  // Внутренний идентификатор запроса
  id: string;
  // Если возможно, ответ будет преобразован в строку JSON, в противном случае используется исходное значение
  response: string | any;
  // endTime - startTime
  costTime?: number;
}

vConsole.network.update()

Обновление пользовательского запроса.

vConsole.network.update(id: string, item: VConsoleNetworkRequestItem | VConsoleNetworkNetworkRequestItemProxy)

Параметры

• id: string: Внутренний идентификатор пользовательского запроса. Может быть получен в значении, возвращаемом методом vConsole.network.add().
• item: VConsoleNetworkRequestItem | VConsoleNetworkNetworkRequestItemProxy: Объект пользовательского запроса.

Возвращаемое значение

void

Примечание:

Изменение свойств VConsoleNetworkRequestItemProxy.response не будет работать.
Если вы хотите обновить response, вам необходимо полностью переопределить весь объект.

const item = vConsole.network.add({
  response: { foo: 'bar' },
  ... // другие свойства запроса
});

item.response.foo = 'newbar'; // не сработает, response не изменится
item.response = { foo: 'newbar' }; // работает
vConsole.network.update(item.id, item);

vConsole.network.clear()

Удаление всех запросов из панели Network.

Параметры

Нет.

Возвращаемое значение

void````markdown void`