Vue-devtools: Port Chromium DevTools extension to the Microsoft Edge extension store

[brendyna]

What problem does this feature solve?

We on the Microsoft Edge team have received a significant number of requests from web developers looking for the VueJS browser dev tools extension in the Microsoft Edge extension store.

We'd love to host the VueJS extension there. Docs on how to publish it are here: https://developer.microsoft.com/en-us/microsoft-edge/extensions/.

Please let us (@EdgeDevTools) know if you run into issues or need any assistance at all.

What does the proposed API look like?

No new APIs requested.

[p2well]

I fully support this initiative. The new Microsoft Edge browser is now based on Chromium and it would be excellent to get vue-devtools as extension for it.

[waynecz]

Second it, now (2020/03/23) on https://microsoftedge.microsoft.com/addons/search/vue?hl=zh-CN still has no result.

[GuoDapeng]

我觉得，在中国 Edge 比 chrome 要好，有一个能正常访问的商店很重要，虽然比较慢。

[GuoDapeng]

Critical Validations     2failure(s)

Product Policies1.1.3  Distinct Function & Value; Accurate RepresentationUnfortunately, we cannot test the product because the product's primary functions are not usable. Steps to reproduce: 1 - Launch Edge. 2 - Press on the Add-on button. 3 - Notice the Add-on displays the message "Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author." and no tab is added under the DevTools. Product Policies

1.5.2  Personal InformationBecause the product has access to personal information, a working link to a privacy policy must be provided in the “privacy policy URL” field when the product is submitted.

需要一个测试地址，需要提供隐私相关的东西。看样子还是自己 build 自己使用比较靠谱。不知道这个软件收据了啥。

[ostoh]

I support this and also hoping to be available soon.

[mehamednews]

Support this, I've been using chrome for years, But know that the Microsoft edge have all the features I was looking for without the chrome lagging and network problems, I'd like to be able to use vue devTools within the new browser!

[jonaskuske]

@mehamednews You can already use it in Edge, Edge allows you to install Chrome extensions from the Chrome Web Store. Releasing it as a proper Edge extension would only make it a bit more convenient

[rawrspace]

@jonaskuske You can install the extension but when you go to the developer console there is no tab for Vue so you are not able to use it in Edge. Given that the new Edge is based on chromium I imagine it is a small issue that is preventing it from working.

[jonaskuske]

@rawrspace You're right, interesting! I'm using Chromium Edge for some time now and I'm fairly certain that a couple months ago it still worked... (was using the Canary channel back then)

Edit: still works for me, now on Edge Stable. ~– enabled access to file URLs in the extension settings, maybe that's required?~

[rawrspace]

@jonaskuske Did you have to do anything special or just installed from chrome extension store?

[jonaskuske]

@rawrspace Hmm, don't think I did anything special, just installed from the Chrome Web Store.

Try to open a new tab and load localhost (or where ever the desired Vue app is running), then open Dev Tools. The "Vue" tab sometimes fails to load for me if I've opened Dev Tools in a tab before Vue was loaded on the page, but that has happened since forever.

You can also try enabling (and then disabling again if you want) the "Enable access to file URLs" toggle over at edge://extensions, then again try loading your app in a new tab. I've done that, but not sure if it did anything since as I mentioned I have since disabled this toggle again and it still works.

[rawrspace]

I closed all of my windows then launched and loaded my app. I then opened dev tools and the Vue panel was available.

To test I navigated to google.com with the panel still open and it dimmed. I closed developer tools and reopened them and Vue panel was gone, as expected since I was on google.com. I navigated back to my app and the panel appeared without me having to close or reopen dev tools.

The behavior I was seeing must have been a fluke. I haven't tested but potentially it happens when you first install the extension before you restart the browser.

In either case I think getting the extension from the chrome store seems fine and this is a low priority issue if not irrelevant.

[yoyoys]

Critical Validations 2failure(s)
Product Policies1.1.3 Distinct Function & Value; Accurate RepresentationUnfortunately, we cannot test the product because the product's primary functions are not usable. Steps to reproduce: 1 - Launch Edge. 2 - Press on the Add-on button. 3 - Notice the Add-on displays the message "Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author." and no tab is added under the DevTools. Product Policies
1.5.2 Personal InformationBecause the product has access to personal information, a working link to a privacy policy must be provided in the “privacy policy URL” field when the product is submitted.
需要一个测试地址，需要提供隐私相关的东西。看样子还是自己 build 自己使用比较靠谱。不知道这个软件收据了啥。

@GuoDapeng
他的意思是說要你提供這個 plugin 會如何使用收集到的資料的合約，剛好跟你想的相反。
白話來說就是要開發人員承諾在合理且有聲明的範圍內使用可能收集到的資料。