English | Русский
Лёгкая, расширяемая отладочная панель для фронтенд-разработчиков мобильных веб-приложений.
vConsole независима от фреймворков, что позволяет использовать её с Vue, React или любыми другими фреймворками.
Сейчас vConsole используется как официальный инструмент отладки WeChat Mini Programs.
console.log|info|error|...
XMLHttpRequest
, Fetch
, sendBeacon
Cookies
, LocalStorage
, SessionStorage
Дополнительные детали можно найти на нижеприведённых скриншотах.
Подробное описание каждой версии доступно в разделе Changelog.
Подробные методы использования представлены в руководстве пользователя.
Добавление vConsole в проект осуществляется несколькими способами:
$ npm install vconsole
Импортировав и инициализировав, вы можете использовать функцию console.log
, аналогично Chrome DevTools.
import VConsole from 'vconsole';
const vConsole = new VConsole();
// Или используйте конфигурационные параметры при инициализации, подробнее см. документацию
const vConsole = new VConsole({ theme: 'dark' });
```// Теперь вы можете использовать методы консоли и т.д., как обычно
console.log('Привет мир');
// После завершения отладки, удалите vConsole
vConsole.destroy();
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// По умолчанию VConsole будет доступен через `window.VConsole`
var vConsole = new window.VConsole();
</script>
Доступные CDN:
http://wechatfe.github.io/vconsole/demo.html
console.log('вывод в панель Log')
console.log('[system]', 'вывод в панель System')
vConsole:
Персонализированные плагины:
QQ группа: 497430533
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )