Vue-devtools: a version for safari will be available soon ?

Created on 17 Nov 2015  路  22Comments  路  Source: vuejs/vue-devtools

Safari is much faster than chrome, it could be great to have this extension :)

Thanks !

contribution welcome

Most helpful comment

An even easier approach, deploy it as a Vue component so that user can use it via <devtools></devtools> anywhere. 馃槂

All 22 comments

I would also love to just use Safari, because it allows me to inspect apps running within iOS Safari, but from my quick search it doesn't look like there is an API to extend the Safari Web Inspector. Chrome has a very nice API for extending their inspector: https://developer.chrome.com/extensions/devtools

So I think Vue DevTools for Safari would just need to be an independent Safari extension and built like so: https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/Introduction/Introduction.html

The devtool's own code is browser-agnostic, it all talks through a standard events interface. However I've only got time to make the Chrome version. Theoretically you can build shells for FF/Safari as long as the extension runs as an HTML5 app. Feel free to contribute if anyone is interested.

@yyx990803 I'm gonna work on this as soon as I get some extra time to dedicate to it. I've done some Safari extensions in the past. I'll report back here.

Suggestions and tips are welcome in the mean time.

I probably need to write some basic docs explaining the design and how things work, but the simplest way to start is looking at shells/dev which is basically a minimal shell example using an iframe.

Some docs will be nice and helpful :+1:

Once I figure out the Safari extension then I can easily do a Firefox version: https://developer.mozilla.org/en-US/docs/Tools/Adding_a_panel_to_the_toolbox

So then we can all live in peace and harmony on Earth. :)

Spoke too soon, looks like someone has already got the FF version down #57

@amirrustam have you made any progress on the Safari plugin? Would love that as well. :) I've run into the issue of Safari not allowing extending of the dev-pane as well. :(

@amirrustam Looking forward to peace and harmony on Earth ! (until then, Safari dev tools would also be nice)

I would love a Safari plugin! Because often my website works on Chrome, but not on Safari. It's really hard to find out what's exactly bugging in Safari!!! Any hints?

@mikebronner @kartsims @mesqueeb wow, I got to get better at checking my Github notifications. Apologies for late response, but I've been deep in priority work, but working on the Safari Dev Tools plugin is on my to do list. FYI, I'm already running macOS Sierra Beta, so I will be testing it with that version of Safari.

@mesqueeb can you possibly report the Safari errors or issues you are running into within a new issue, and we can continue the discussion there. If you think your problem is a bit too vague, then please start a thread within the forums.

@amirrustam I had a problem where safari and chrome would handle a click event on a checkbox different. But it's fixed now! My bad. : )
Anyway really looking forward to the dev toold on JS! Just being able to see the VUE JS object as a tree would be great help, so you could maybe have that as first version?

Would love a safari version as well!

An even easier approach, deploy it as a Vue component so that user can use it via <devtools></devtools> anywhere. 馃槂

The problem is you have to pay 120 bucks to make it.

Just noticed some problems in safari too, and even on chrome on iOS

Some things not rendering and vm.$set(a, b, c); not working for me on either Safari or chrome iOS

Is it possible to auto build extension in CI and upload it to GitHub releases? Same for Safari and Chrome.

I see it's been resolved on June 20th. Can we close this PR @yyx990803 ?

@michalsnik Is there a way to workaround closing of Safari and resulting in the need to reinstall the extension?

I'm not aware of any unfortunately @ruchern

Follow the instructions to get it running in Safari

@michalsnik You can open another issue.

@Akryum I know how to get it running, but you have to repeat the steps each time Safari is closed.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ispal picture ispal  路  4Comments

trollderius picture trollderius  路  3Comments

matthewsunrise picture matthewsunrise  路  3Comments

psycura picture psycura  路  4Comments

davestewart picture davestewart  路  3Comments