Is there a vue-devtools extension for Safari?

macos vue.js safari vuejs2 vue-devtools

capncanuck · Dec 15, 2017 · Viewed 23.7k times · Source

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!

Answer

Now exist vue-devtools version electron, this works for all platforms.

npm install -g @vue/devtools

Once you installed the package globally, run:

vue-devtools

add this in the head of your app

<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>

open your dev app in safari

localhost:3000

IPHONE: using the ip, not localhost, plus has active debug option in iphone is possible use this with iphone safari! and debug in a mac.

more info and details

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

Is there a vue-devtools extension for Safari?

Answer

Related questions