Open Vue devtools

检测到Vue环境时,默认打开vue开发工具的开关

当前为 2021-06-11 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Open Vue devtools
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  检测到Vue环境时,默认打开vue开发工具的开关
// @author       YUYIDM
// @match        http://*/*
// @match        https://*/*
// @icon         https://cn.vuejs.org/images/logo.svg
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';
    var Vue = window.Vue;
    Object.defineProperty(window, 'Vue', {
        get() {
            return Vue;
        },

        set(v) {
            console.log(
                `%c Tips: %c 检测到Vue环境 %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'
            )
            v.config.devtools = true;
            Vue = v;
        }
    })
})();