Safari 有 vue-devtools 扩展吗？

Question

我发现 Firefox 和 Safari 处理我的一个（至少）一个 Vue 属性的方式不一致，如果能够查看其中的内容将非常有帮助。谢谢！

Answer 1

目前没有官方的 vuejs 浏览器扩展。但是您可以按照一种变通方法在 safari 上使用 vue-devtools：

克隆 vue-devtools

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

安装并构建库

 npm install   
 npm run build:safari

现在打开 Safari 浏览器并转到（菜单栏中的菜单）：

preferences -> Advanced -> Show Developer

Open Developer -> 显示扩展生成器

单击左下角的加号按钮并select 添加扩展程序...

Select shells/safari/Vue.js devtools.safariextension

Select 全部在网站访问 -> 访问级别

检查包括安全网页

点击右上角的安装

Github Link

^{对于 Chrome 用户并且习惯于在检查器中看到 'Vue' 选项卡的用户，Safari 中没有显示这样的选项卡。通过单击 URL 栏旁边的扩展按钮可以找到此视图：location of vue devtools inspector in Safari}

Answer 2

现在存在 vue-devtools 版 electron，这适用于所有平台。

npm install -g @vue/devtools

全局安装包后，运行:

vue-devtools

将此添加到您的应用程序的头部

<script>
  window.__VUE_DEVTOOLS_HOST__ = '<your-local-ip>' // default: localhost
  window.__VUE_DEVTOOLS_PORT__ = '<devtools-port>' // default: 8098
</script>
<script src="http://<your-local-ip>:8098"></script>

在 Safari 浏览器中打开您的开发应用程序

localhost:3000

IPHONE：使用 ip，而不是本地主机，加上在 iphone 中有活动的调试选项，可以将其与 iphone safari 一起使用！并在 mac.

中调试

更多信息和详细信息

https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md

Safari 有 vue-devtools 扩展吗？

Is there a vue-devtools extension for Safari?

macos

vue.js

safari

vuejs2

vue-devtools