// ==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 // @downloadURL none // ==/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);