chrome中安装扩展程序：vue-devtools & 沙拉查词 & 网页截图

已于 2024-05-13 09:36:26 修改
阅读量1.7k 收藏 2
点赞数
分类专栏： chrome 文章标签： chrome
于 2023-04-26 11:42:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39460057/article/details/130382672
版权

一、vue-devtools

  1. 安装官网地址 版本：v6.6.1(最新版本)，兼容Vue2和Vue3, 按照指示傻瓜式安装即可。
    在这里插入图片描述

二、沙拉查词（使用过最好用的单词查询工具）
下载地址
在这里插入图片描述

扩展程序安装成功在这里插入图片描述
沙拉查询使用超级方便，选择要查询的单词，自动跳出图标，点击图标即可查询
在这里插入图片描述在这里插入图片描述
三、网页截图 webpage Screenshot
webpage Screenshot 安装地址
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在“设置”->扩展程序中显示已安装的chrome插件
在这里插入图片描述

沪cares
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
YApi跨域插件cross-request无法使用的解决方案
咻咻ing的专栏
12-07 4670
cross-request无法使用的解决方案
Chrome浏览器插件开发v3版本第一篇：认识和创建一个demo
11-22 4051
如果怀疑此脚本是否被注入到此网站上了，可以右键打开检查：打开console控制台，可以看到，我们的脚本执行了，这就是我们的 content.js中写的输出。我的目录结构：（结构没有明确的规定，只要有manifest.json文件就可以，其他文件能通过路径找到并引入就好）content.js中的js文件：用于在匹配到matches中的网站里面注入js程序，并添加一个阅读时间的提醒。在页面上点击右键：检查， 就可以调试插件，就像调试网页一样方便。插件加载：打开开发者模式，然后加载已解压的拓展程序。
浏览器Github插件的安装及出错处理
最新发布
qq_62090093的博客
06-04 1989
记录一下自己在下载安装浏览器Github插件加速的过程，包括此过程中出现的一些问题及解决方法。
谷歌插件报错 Manifest version 2 is deprecated, and support will be removed in 2023.
Ultravioletrays的博客
11-09 4904
我们主要就去找json结尾的东西。点开错误发现 高亮部分有问题。找到了 把2 改成3就可以了。就这两个 一个个排除。
chrome 安装vue-devtools拓展插件
weixin_43508199的博客
02-18 2237
此前已经尝试了网上说是最常见的 下载源码下来进行安装的方式了，但是在执行npm install安装依赖的时候，还是一直报错，安装失败。 现在是方法是网上找到的另外一种方法，操作了是成功的。因此记录下来。 1、新建一个空的文件夹 在你觉得合适的路径下，新建一个空的文件夹，名称标明即可。我的直接是”vue-devtools“ 2、进入 vue-devtools 3、按住shift 键，然后鼠标右键 开发powershell。或者cmd 用命令进入到这个文件夹里面也可以。 4、在终端执行.
Chrome安装Vue插件vue-devtools
专注java二开部署
03-27 2158
除了作为 Chrome 扩展程序运行外，Vue Devtools 还提供了一个独立的桌面应用，支持更多的功能和更丰富的界面。通过在开发者工具中启用性能记录，并在 Vue Devtools 中查看分析，你可以了解组件渲染的耗时，找出性能瓶颈。现在，你应该能在开发者工具中看到一个名为 "Vue" 的新标签页，这就是 Vue Devtools 的主界面。如果你的应用使用了 Vuex 作为状态管理库，Vue Devtools 会提供一个专门的 Vuex 标签页，用于查看和调试 Vuex store 的状态变化。
在Chrome中安装vue_devtools调试工具
yyzx_yyzx的博客
07-05 1438
下载vue_devtools_chrome 链接：https://pan.baidu.com/s/13zrT7CS9h3jP6c9ddOATmA?pwd=dbj1 提取码：dbj1
Vue项目调试工具：vue-devtools安装包
02-03
- 修改数据：直接在Vue-devtools中修改数据，实时反映到页面上，便于测试和调试。 - 方法与生命周期：查看并触发组件的方法和生命周期钩子，了解其执行顺序和效果。 - 滚动同步：在组件树中滚动时，页面会自动...
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
vue-vconsole-devtools:Vue-devtools嵌入vConsole插件
04-10
vConsole-devtools 是一款vConsole插件，把Vue.js官方调试工具vue-devtools移植到移动端，可以直接在移动端查看调试Vue.js应用为什么需要本插件：在Safari和移动端无法直接调试Electron版本的devtools安装和远程调试...
chrome插件 vue-devtools离线安装包
04-27
5. 点击"加载已解压的扩展程序"，然后在弹出的文件选择器中找到你刚刚解压的Vue Devtools文件夹路径并确认。 6. 成功加载后，Vue Devtools 将出现在Chrome浏览器的开发者工具中，你可以在打开的Vue应用中使用它进行...
vue-devtools chrome
11-04
chrome 下的vue-devtools工具。能够调试vuex，对vue开发有很大的辅助作用。
chrome插件vue_develtool
12-03
chrome下的vue调试插件，方便进行vue的调试，该文件是通过导入的方式下载，安装和使用方式参考博主的《vue学习笔记2》
Vue项目调试工具：vue-devtools安装包（免费）
05-15
在Chrome浏览器中，Vue Devtools 是作为一个浏览器扩展进行安装的。安装过程相对简单，首先，你需要访问Chrome的Web Store，然后搜索"vue devtools"，找到官方的Vue.js Developer Tools插件并点击添加到Chrome。当然...
chrome安装沙拉查词
qq_44779906的博客
09-05 1478
链接：https://pan.baidu.com/s/1_XsoJi0JWpWemUZehHwNYg?pwd=84hr提取码：84hr。
chrome 安装 react-devtools 详细教程
qq_39549013的博客
04-12 1834
本文针对无科学上网环境下，react-devtools 的 安装。（有科学上网环境 可直接在chrome 商店上 下载）
Chrome浏览器安装vue.js devtools插件方法【简单易懂】
YuaNxY_top的博客
12-27 2171
首先介绍一下vue.js devtools： vue-devtools是一款基于chrome浏览器的插件，主要是用来调试vue的应用，可以提高我们的调试效率。 接下来我们说说如何安装这个插件吧： 第一步：在GitHub下载devtools源码（任意选择一处位置，右键点击Git Bash Here，输入命令git clone + 地址） gitclonehttps://github.com/vuejs/vue-devtools.git ...
Google Chrome谷歌浏览器安装Vue插件vue-devtools
weixin_55705383的博客
01-25 1298
具体网址为随后在搜索按钮里搜索vue得到下图结果并点击。
Chrome浏览器安装devtools开发者工具
Liberty_yes的博客
10-14 4025
Chrome浏览器安装devtools开发者工具 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕编辑 Ma
谷歌安装vue-devtools以及上线项目关闭vue-devtools调试
08-10
对于谷歌浏览器安装 Vue Devtools，您可以按照以下步骤进行操作： 1. 打开谷歌浏览器并访问 Chrome Web Store（[https://chrome.google.com/webstore](https://chrome.google.com/webstore)）。 2. 在搜索框中输入 "Vue Devtools" 并按下 Enter 键。 3. 在搜索结果中找到 Vue Devtools 插件，并点击 "添加至 Chrome" 按钮。 4. 在弹出的确认对话框中，点击 "添加扩展程序" 完成安装。 安装完成后，您可以在 Chrome 浏览器的扩展程序栏中找到 Vue Devtools 图标。点击该图标，您将能够在开发者工具中查看 Vue 组件树、状态和事件等信息。 关于上线项目时如何关闭 Vue Devtools 的调试功能，您可以按照以下两种方式进行操作： 1. 移除 Vue Devtools 插件： - 在谷歌浏览器的扩展程序栏中找到 Vue Devtools 图标。 - 右键点击图标，选择 "从 Chrome 中移除"。 - 在弹出的确认对话框中点击 "移除" 完成移除操作。 2. 禁用 Vue Devtools 插件： - 在谷歌浏览器的扩展程序栏中找到 Vue Devtools 图标。 - 右键点击图标，选择 "管理扩展程序"。 - 在弹出的扩展程序页面中找到 Vue Devtools，并点击 "详细信息"。 - 在详细信息页面中找到 "启用" 开关，并将其关闭。 通过以上两种方式之一，您可以关闭 Vue Devtools 的调试功能，使其在上线项目时不再生效。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值