Vue DevTools ждёт обновление

Новая версия будет включать в себя несколько модулей от Anthony Fu из Nuxt DevTools. Пока планируется выпустить её отдельно от текущих DevTools и проверить стабильность. Сейчас она доступна как Vite плагин и Electron приложение. Как Chrome расширение приложение еще не готово.

#antfu #devtools

Вышли Vue Devtools v7 (7.5.6)

Из нового - появилась секция Timeline

Что она делает - непонятно. У меня ничего не записывает.

#vuejs #devtools

Во Vue DevTools стало легко добавлять свои плагины как отдельную вкладку (кнопка)

Это может быть просто SFC файл

P.S. У кого-то получилось заставить работать вкладку Timeline?

#devtools

Есть сайты, у которых нельзя открыть браузерные devtools

Делается это так:

Запрет на меню и хоткеи

document.addEventListener('contextmenu', event => event.preventDefault());

document.addEventListener('keydown', event => {
    if (event.key === 'F12' || (event.ctrlKey && event.shiftKey && event.key === 'I')) {
        event.preventDefault();
    }
});

Определять открытие девтулз и, например, перегружать страницу:

(function() {
    const element = new Image();
    Object.defineProperty(element, 'id', {
        get: function() {
            throw new Error('DevTools detected!');
        }
    });
    console.log(element);
})();

#badpractice #devtools