在github中可以用git，clone下来，链接：https://github.com/vuejs/vue-devtools可以直接下载，解压在windows下解压出来，进入vue-devtools-master文件夹，打开cmd。cmd中敲上命令，npm install，安装完后，输入 npm run build 打包打开vue-devtools-master-》shells-》chrome-
原创
2017-10-25 23:57:33
444阅读
源码下载地址：https://github.com/vuejs/vue-devtools Make sure you are using Node 6+ and NPM 3+ Clone this repo cd vue-devtools the newly created folder run y
原创
2022-12-23 10:58:54
196阅读
对于本文，作为一个Web开发人员，除了上面的原因以外，与我们开发相关的，就是Chrome的开发者工具。而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Firebug要好用。 怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+
转载
2024-05-30 09:56:15
43阅读
在浏览网页时，经常会遇到网页比较长（滚动条），我们需要截图整个网页的情况。之前的做法一直使用FSCapture工具，它可以截取带有滚动条的网页
原创
2022-06-17 09:38:12
476阅读
总体而言，Vue Devtools 是 Vue.js 开发者不可或缺的工具之一，它提供了丰富的调试和分析功能，使开发者能够更好结构、数据和状态的变化等信息。
原创
2024-04-24 10:53:56
69阅读
Chrome对于vue这么一个流行的前端框架的支持当然是少不了的。在Chrome web store里安装Chrome开发者工具的Vue扩展：安装完毕之后，在Chrome的工具栏里会出现一个象征Vue的小图标：Chrome开发者工具里会出现一个新的Vue tab，里面提供了方便的针对Vue应用的查看选项。要获取更多Jerry的原创文章，请关注公众号"汪子熙":
原创
2022-04-15 15:51:49
202阅读
Chrome对于vue这么一个流行的前端框架的支持当然是少不了的。在Chrome web store里安装Chrome开发者工具的Vue扩展：安装完毕之后，在Chrome的工具栏里会出现一个象征Vue的小图标：
原创
2021-07-15 17:11:07
92阅读
Chrome对于vue这么一个流行的前端框架的支持当然是少不了的。在Chrome web store里安装Chrome开发者工具的Vue扩展：安装完毕之后，在Chrome的工具栏里会出现一个象征Vue的小图标：Chrome开发者工具里会出现一个新的Vue tab，里面提供了方便的针对Vue应用的查看选项。要获取更多Jerry的原创文章，请关注公众号"汪子熙":...
原创
2022-03-23 10:43:34
231阅读
Chrome对于vue这么一个流行的前端框架的支持当然是少不了的。
在Chrome web store里安装Chrome开发者工具的Vue扩展：
安装完毕之后，在Chrome的工具栏里会出现一个象征Vue的小图标：
Chrome开发者工具里会出现一个新的Vue tab，里面提供了方便的针对Vue应用的查看选项。
原创
2021-07-14 15:47:41
127阅读
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。2）
转载
2018-06-20 18:02:00
406阅读
前言Vue是一个很好用的前端，但是在浏览器上面不能直接打断点调试程序。下面介绍通过安装调试插件对程序进行调试按F12之后，出现一个Vue选项，效果如下：安装过程step1 下载插件并解压链接：点我进入提取码：2tcjstep2进入到Chrome扩展程序页面点击开发者模式chrome://extensions/step3点击加载已解压的扩展程序...
原创
2021-09-04 15:31:36
1985阅读
前言Vue是一个很好用的前端，但是在浏览器上面不能直接打断点调试程序。下面介绍通过安装调试插件对程序进行调试按F12之后，出现一个Vue选项，效果如下：安装过程step1 下载插件并解压链接：点我进入提取码：2tcjstep2进入到Chrome扩展程序页面点击开发者模式chrome://extensions/step3点击加载已解压的扩展程序...
原创
2022-02-17 14:47:05
1460阅读
打开调试工具： 打开chrome浏览器，按下F12键或者右击页面空白处点击检查 使用调试工具： 调试工具只能检查不能修改，修改错误需要在源代码上修改 ...
转载
2021-08-08 18:15:00
272阅读
2评论
在浏览器页面测试中，经常会用到截图保存记录，大多数都用的第三方的截图功能，例如Windows截图工具，微信/qq的截图功能，其实完全没必要借助外在的，在 Chrome 浏览器中存在原生的截图功能。支持四种方式的截图。自选区域、整个网页、当前节点截图和当前屏幕。 Capture area screen
原创
2021-06-04 22:37:02
2281阅读
一、打开Chrome调试工具 1、快捷键：F12 2、页面上右键菜单——>检查 3、快捷键：Ctrl+Shift+I 4、右上角垂直三点——>更多工具——开发 二、常用标签面板介绍（Element、Network、Sources、Application、Console） 1、Chrome提供的常用组
转载
2017-01-18 15:59:00
421阅读
2评论
作为前端开发，肯定对 Chrome 的 dev tools 不陌生，除了日常 Debug，还提供了一个非常强大的功能：performance 用做性能分析。window.performance 提供了一组精确的数据，配合数据上报即可实现简单的性能统计。1. 属性字段首先可以打开官方提供的测试页：https://googlechrome.github.io/devtools-samples/jank
转载
2024-04-07 06:19:00
1065阅读
Chrome 浏览器安装Vue Devtools调试工具 1. 首先下载Vue Devtools调试工具 2. 复制网址，在浏览器打开按照图示操作 3. 下载成功后解压即可，如下图所示 4. 解压后打开cmd命令切换到G:\Vue Devtools工具\vue-devtools-5.1.1路径下（你 ...
转载
2021-07-27 20:17:00
746阅读
2评论
当前最新版本：vue-devtools 6.0.0-beta.7用这个版本主要是为了支持vue3推荐直接下载 https://www.crx4chrome.com/crx/107268/自行构建https://github.com/vuejs/vue-devtools/releases/tag/v6.0.0-beta.6安装安装依赖(这里用npm比较快，记得用淘宝源)npm install --g
转载
2021-04-02 11:23:08
1833阅读
2评论
