发现一个好东西---线上的vue工具 Vue Devtools

最新推荐文章于 2024-08-30 20:28:50 发布
原创 最新推荐文章于 2024-08-30 20:28:50 发布 · 714 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue线上调试工具 #强制开启VueDevtools #Vue Devtools #vue工具

本文介绍了一种通过安装油猴（Tampermonkey）插件来强制启用VueDevtools的方法，适用于那些无法直接安装或启用VueDevtools的情况。

强制开启Vue Devtools
https://greasyfork.org/zh-CN/scripts/396985-force-enable-vue-devtools
在这里插入图片描述
如果遇上了这个问题，要安装油猴（Tampermonkey），或者是安装了没有开启

Vue 生产环境打开 devtools 的两种方法
如果有了可惜
11-11 4731
方案一 F12 切换到源码 tab，找到 app.[hash].js，ctrl + F 当前文件内搜索 #app ，找到 new n["default"]({ router: ui, store: J, render: function(e) { return e($i) } }).$mount("#app"); 在 new 行打 debugger，然后刷新页面进入 debugger，n[“default”].config.devtools 修改为 tru
vue线上调试调出vue-devtools
weixin_44265800的博客
05-10 1403
var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.vue) { Vue = node.vue.$options._base; if (!Vue.config.devtools) { Vue.config.devtools = true; if (window.VUE_DEVTOOLS_GLOBAL_HOOK) { w
前端VUE渗透测试的一些技巧和思路
weixin_46622976的博客
01-10 2522
webpack VUE
vue调试工具Devtools不出现的解决方式 https://blog.youkuaiyun.com/przlovecsdn/article/details/82256558
qq_42859450的博客
04-22 4002
链接https://blog.youkuaiyun.com/przlovecsdn/article/details/82256558 在使用vuex时，想直观的查看数据state的变动，用Devtools可实现，但是在Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools） vue图标： 开发者工具： 扩展程序： 没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址 https://g
vue 线上环境 开启 vue-devtools
赛朋博客 2077
12-07 3265
vue 项目打包正式环境时，是没有 vue-devtools 选项卡的，没法看 vue 内部的数据 使用以下几步可以实现在不改代码的情况下开启 vue-devtools 选中 Source 选项卡，找到打包好的 app.js，并格式化 ctrl + f 搜索$mount并在new那里打断点，new后面的对象就是 Vue 对象，需要记住该变量名，下一步要用到 F5 刷新页面就就会进入断点，并在控制台输入d["default"].config.devtools = true（.config之前的
线上开启vue-devtool
qq_45865796的博客
05-05 759
将这段代码复制到控制台执行，这样vue devtool就出现啦！（有时可能会有延迟，强刷下页面，或者重启下控制台就会出现啦） var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__vue__.$options._base; if (!Vue.config
vue-devtools-5.4.3-chrome
02-12
vue-devtools是每一个Vue.js开发者都应该掌握的调试工具。无论是在学习Vue.js的过程中，还是在进行复杂的项目开发时，vue-devtools都能够提供强大的支持，帮助开发者高效地解决问题，提高代码质量。
vue-devtools_vue-devtools官网_vuedevtoolschrome_vue-devtools_
10-03
Vue DevTools 是一个强大的开发者工具，专为Vue.js应用程序设计，帮助开发者在浏览器环境中进行实时调试和性能分析。它是Chrome浏览器的扩展插件，也可在Firefox等其他浏览器上使用。 Vue Devtools 的主要功能包括...
精选资源
vue-devtools-6.6.4-chrome
02-12
在本例中，文件名"vue-devtools-6.6.4-chrome"指明了这是一个特定版本（6.6.4）的Vue开发工具插件，专门用于Google Chrome浏览器。由于"描述"中提到它适用于Vue3，这意味着该版本的Vue-devtools支持Vue.js的第三个...
react-vue-devtools-6.x.x.zip
最新发布
05-22
在压缩包文件“react-vue-devtools-6.x.x.zip”中，包含了上述两个开发者工具的最新版本，分别为react-devtools-6.1.2和vue-devtools-6.6.4。开发者可以根据需要将这两个工具分别安装到自己的浏览器上，以便在开发...
vue-devtools
03-27
Vue Devtools 是一个专为Vue.js开发者设计的强大浏览器扩展，它提供了深入的应用程序状态检查、实时编辑、性能分析等工具，极大地提升了开发效率。 在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以...
vue-tools.zip
07-28
用于谷歌浏览器调试vuex操作的插件，使用时解压后打开谷歌浏览器，打开更多插件，将压缩包解压后拖到浏览器中，然后重新启动浏览，在开发者调试时就可以看vue面板了
Vue超级好用的谷歌浏览器调试工具
10-24
vue超级季好用的谷歌浏览器调试工具，可以直接查看节点内容、vuex数据准状态情况
使用Vue自己做一个简单的MarkDown在线编辑器
weixin_30378623的博客
10-11 781
1.首先要下载mark组件。 npm install marked --save 2.在Vcontent.vue中简单写一些样式。 <template> <div class="wrap"> <div class="mark"> <textarea name="" id="" cols="25" rows...
Vue子组件样式渗透
海之霸痞老板
10-08 886
目录 Vue子组件样式渗透 微信公众号输入框拉起键盘撑起后不反弹 overflow: hidden scroll 在移动端失效 微信公众号详情页分享 Github又进不去了 Vue子组件样式渗透 Vue引用了第三方组件，如何在组件中局部修改第三方组件的样式？ PlanA : 去掉scoped PlanB : 往更加外面的层中添加样式，如在最外面的App.vue里添加CSS样式 ...
Vue项目上线后关闭chroma的vue-devtools调试工具
qq_24418107的博客
11-28 858
【代码】Vue项目上线后关闭chroma的vue-devtools调试工具。
生产环境中变态开启devtools（强制）
qq_36579455的博客
08-30 1279
老是看到自己的vue devtools亮了，但是看不了别人项目的store，好烦啊Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
图文详解vue.js devtools插件使用方法
热门推荐
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
【Vue渗透】Vue Devtools 浏览器插件
qq_47493625的博客
02-23 1549
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。在渗透测试中，可以利用该插件进行站点调试，发现路径，说不定会有意外的收获（未授权访问等）！
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值