☰

Open Vue devtools

在检测到Vue.js环境时，打开vue开发工具的开关，便于调试生产环境下的Vue页面

Устаревшая версия за 15.06.2021. Перейдите к последней версии.

// ==UserScript==
// @name         Open Vue devtools
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  在检测到Vue.js环境时，打开vue开发工具的开关，便于调试生产环境下的Vue页面
// @author       YUYIDM
// @match        http://*/*
// @match        https://*/*
// @icon         https://cn.vuejs.org/images/logo.svg
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function (g) {
    'use strict';

    function get() {
        return g.Vue;
    }

    function set(params) {
        //根据版本号判断全局Vue变量是否为Vue.js
        if (!params.version) {
            g.Vue = params;
            return;
        }
        console.log(
            `%c Tips: %c Vue ${params.version} %c`,
            'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
            'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
            'background:transparent'
        );
        // 打开vue-devtools
        params.config.devtools = true;
        g.Vue = params;
    }

    Object.defineProperty(window, 'Vue', { get, set });
})(Window);