publink-open-vue-devtools

publink开启vue开发工具

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         publink-open-vue-devtools
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  publink开启vue开发工具
// @author       HuangBaoCheng
// @include      *://*
// @license      MIT
// @icon         https://www.google.com/s2/favicons?domain=tampermonkey.net
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    try {

        setTimeout(function() {
            const all = document.querySelectorAll('*');
            let el
            for (let i = 0; i < all.length; i++) {
                if (all[i].__vue__) {
                    el = all[i]
                    break
                }
            }
            if (el) {
                console.log('use vue', el);
                var Vue = Object.getPrototypeOf(el.__vue__).constructor
                while (Vue.super) {
                    Vue = Vue.super
                }
                Vue.config.devtools = true;
                window.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = Vue;
                console.log(Vue.version);
            }
            else {
                console.log('not use vue');
        }
        }, 5000)

    } catch (error) {
        console.warn('publink-open-vue-devtools -> ', error)
    }
})();