14

我发现 Firefox 和 Safari 如何处理我的一个（至少）我的 Vue 属性之间存在不一致，能够看到其中的内容会非常有帮助。谢谢！

4

2 回答 2

23

现在存在 vue-devtools 版本的电子，这适用于所有平台。

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，而不是 localhost，加上在 iphone 中具有活动调试选项，可以将其与 iphone safari 一起使用！并在mac中调试。

更多信息和细节

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

于 2018-08-31T15:19:44.030 回答
7

目前没有针对 vuejs 的官方 safari 扩展。但是您可以按照解决方法在 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-> 显示扩展生成器

单击左下角的加号按钮，然后选择添加扩展...

选择shells/safari/Vue.jsdevtools.safariextension

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

检查包括安全网页

点击右上角的安装

Github 链接

对于 Chrome 用户并习惯于在 Inspector 中看到“Vue”选项卡的用户，Safari 中没有显示此类选项卡。这个视图是通过单击 URL 栏旁边的扩展按钮找到的：vue devtools 检查器在 Safari 中的位置

于 2017-12-15T13:57:05.077 回答