是否有适用于 Safari 的 vue-devtools 扩展? [英] Is there a vue-devtools extension for Safari?

问题描述

我发现 Firefox 和 Safari 处理一个(至少)我的 Vue 属性的方式不一致，能够看到其中的内容会非常有帮助.谢谢！

解决方案

目前没有针对 vuejs 的官方 safari 扩展.但是您可以按照一种解决方法在 safari 上使用 vue-devtools:

克隆 vue-devtools

git clone https://github.com/vuejs/vue-devtools

安装和构建库

 npm installnpm 运行构建:safari

现在打开您的 Safari 浏览器并转到(菜单栏中的菜单):

首选项 ->高级 ->显示开发人员

Open Developer -> 显示扩展构建器

点击左下角的加号按钮并选择添加扩展...

选择 shells/safari/Vue.js devtools.safariextension

在网站访问中全选 -> 访问级别

勾选包括安全网页

点击右上角的安装

Github 链接 <小时>

^{对于那些习惯于在检查器中看到Vue"选项卡的 Chrome 用户来说，Safari 中没有显示这样的选项卡.该视图是通过单击 URL 栏旁边的扩展按钮找到的:vue devtools 检查器的位置Safari}

I'm seeing inconsistencies between how Firefox and Safari are handling one (at least) of my Vue properties and it would be super helpful to be able to see what's in there. Thanks!

解决方案

Currently there is no official safari extension for vuejs. But you can follow a workaround to use vue-devtools on safari:

Clone vue-devtools

git clone https://github.com/vuejs/vue-devtools

Install and build the library

 npm install   
 npm run build:safari

Now open your Safari browser and go to (menu in menu bar):

preferences -> Advanced -> Show Developer

Open Developer -> Show Extension Builder

Click the plus button in the bottom left and select Add Extension...

Select shells/safari/Vue.js devtools.safariextension

Select All in Website Access -> Access Level

Check Include Secure Webpages

Click Install in the top right

Github Link

---

^{For those who are Chrome users and used to seeing a 'Vue' tab in the Inspector, there is no such tab shown in the Safari. This view is instead found by clicking on the extension button next to the URL bar: location of vue devtools inspector in Safari}

这篇关于是否有适用于 Safari 的 vue-devtools 扩展?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！