在检测到Vue.js环境时,打开vue开发工具的开关,便于调试生产环境下的Vue页面
当前为
// ==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);