AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

谷歌浏览器chrome安装vue调试插件Vue-Devtools

2024-07-02 2388
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 谷歌浏览器chrome安装vue调试插件Vue-Devtools

1. 下载并解压Vue-Devtools

https://codeload.github.com/arcliang/Vue-Devtools-/zip/refs/heads/master

解压后得到

2. 打开谷歌浏览器的应用商店

谷歌浏览器访问 chrome://extensions/  开启开发者模式

3. 安装Vue-Devtools

得到

4. 验证Vue-Devtools是否启动成功

关闭谷歌浏览器，重新打开谷歌浏览器，访问vue项目页面，Ctrl + Shift + i 打开浏览器的控制台，可以看到vue调试页签

文章标签：
JavaScript
Web App开发
开发者
关键词：
Chrome插件
浏览器安装
浏览器插件
谷歌浏览器
Chrome安装
朝阳39
目录
相关文章
34789737
|
7月前
|
机器学习/深度学习 人工智能 文字识别
浏览器AI模型插件下载，支持chatgpt、claude、grok、gemini、DeepSeek等顶尖AI模型！
极客侧边栏是一款浏览器插件，集成ChatGPT、Claude、Grok、Gemini等全球顶尖AI模型，支持网页提问、文档分析、图片生成、智能截图、内容总结等功能。无需切换页面，办公写作效率倍增。内置书签云同步与智能整理功能，管理更高效。跨平台使用，安全便捷，是AI时代必备工具！
34789737
556 8
不起名字可以不
|
9月前
|
Web App开发 人工智能 JavaScript
一键三连不求人！用 CodeBuddy 写个浏览器插件自动点赞、评论、收藏
本文介绍了一款通过 CodeBuddy AI 工具开发的浏览器插件，可自动完成“点赞、评论、收藏”三连操作。作者从需求出发，分四步实现：搭建基础框架、指定目标网页、解析内容并模拟点击事件，最后加载验证插件。借助 CodeBuddy 自动生成代码，整个过程高效便捷，大幅提升用户体验。此工具不仅节省手动操作时间，还为自动化任务提供了新思路，适合热爱技术与效率提升的网页冲浪者尝试。
不起名字可以不
410 9
卷福同学
|
人工智能 程序员 测试技术
AI编程：Coze + Cursor实现一个思维导图的浏览器插件
本文是小卷关于AI编程工具学习的第3篇文章，通过开发一个思维导图生成工具，详细介绍了AI编程的完整流程。从需求分析、插件选择（如Coze的TreeMind），到创建测试工作流、发布API，再到整合API和开发浏览器插件，最终实现了用户选中文字后生成思维导图的功能。文章展示了如何利用现有工具高效开发，并总结了AI编程的优势与未来趋势。
卷福同学
1329 14
Nico
|
Web App开发 搜索推荐 开发者
浏览器插件上架指南：如何把你的产品搬上浏览器插件市场
在实践了 Chrone、Firefox、Edge、Opera 等 几个主要的插件平台的上架发布工作后，我觉得很有必要把这个过程和思考记录下来，分享给大家，希望能提供一些参考和避坑的经验。我想通过这篇文章，和大家聊聊「为什么我要做这件事」，以及「这个系列文章会包含哪些内容」。我想用一个系列的文章，记录我是如何把 EmojiClick 搬到浏览器插件市场的，也给大家提供一些借鉴经验。
Nico
338 19
奔跑的数据
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率，结合代理IP技术高效采集微博数据。通过CDP，开发者可直接操作浏览器底层功能，如网络拦截、性能分析等，增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为，提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
奔跑的数据
1497 3
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
我是快乐的嘟嘟
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
我是快乐的嘟嘟
2544 123
蚝油菜花
|
Web App开发 人工智能 JSON
AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
AutoMouser是一款Chrome扩展程序，能够实时跟踪用户交互行为，并基于OpenAI的GPT模型自动生成Selenium测试代码，简化自动化测试流程。
蚝油菜花
923 17
AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
我是快乐的嘟嘟
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
我是快乐的嘟嘟
994 128
小白学大数据
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
小白学大数据
506 1
mao29955
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具，可以较为准确地检测 JavaScript 中的内存泄漏问题，并帮助我们找出潜在的泄漏点，以便采取相应的解决措施。
mao29955
1626 9

热门文章

最新文章

  • 1
    [解决办法]已经安装了数字证书，但是谷歌浏览器登录https协议的web系统时仍然提示证书不受信任
  • 2
    Flash在浏览器里调试获取trace
  • 3
    Playwright: 比 Puppeteer 更好用的浏览器自动化工具（下）
  • 4
    谷歌浏览器 控制器的使用
  • 5
    谷歌浏览器添加插件时显示程序包无效："CRX_HEADER_INVALID" 解决办法
  • 6
    Dewey – 标记和搜索 Chrome 浏览器书签
  • 7
    CSS对IE7，IE6，FireFox和其它不同浏览器的控制(转)
  • 8
    Java与JavaScript的区别与联系：有人的地方就有江湖，有浏览器的地方就有JavaScript
  • 9
    js文件/图片从电脑里面拖拽到浏览器上传文件/图片
  • 10
    网页浏览器发展方向总结
  • 1
    Chrome版本太旧,无法访问此网站www.google.com 的响应时间过长
    1256
  • 2
    Chrome您的连接不是私密连接解决办法--一个比较实用的技巧分享
    1176
  • 3
    禁用Google Chrome自动更新，怎么找到Update目录？
    697
  • 4
    实用的Chrome浏览器命令
    345
  • 5
    Chrome 插件如何开发？
    249
  • 6
    折腾Chrome插件，简单地让文本上色~
    230
  • 7
    折腾Chrome插件，让内容脚本与文本交互~
    507
  • 8
    折腾Chrome 插件，怎么给右键菜单增加“选项”？
    421
  • 9
    Chrome插件（二）—Hello World！
    181
  • 10
    Chrome插件开发（一）—manifest.json文件介绍
    423

    • 相关电子书

    更多
  • WEB浏览器中即将发生的安全变化
  • 基于浏览器的实时构建探索之路
  • 基于浏览器的实时构建探索之路--玄寂
    • 下一篇
    第五届伏魔挑战赛如约来袭，诚邀各路高手来战！