VVV icon indicating copy to clipboard operation
VVV copied to clipboard

How to make Microsoft Edge work with VVV sites

Open afercia opened this issue 6 years ago • 30 comments

Microsoft Edge has network problems, especially for unusual network stuff. It's impossible to see a VVV site in Edge. It's a known issue, just google for "Edge Hmmm... cannot reach this page" and you will find tons of reports and suggestions. 99% of them didn't work for me.

screenshot 3

It's an Edge bug, nothing wrong with Virtualbox and VVV.

Eventually, I've found a solution but it requires to edit a Windows registry key, For people who need to test with all browsers, worth considering to document the fix. See this comment:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10142843/#comment-8

You can workaround this issue by changing your VirtualBox Host-Only Ethernet Adapter’s "*NdisDeviceType" to 0 and rebooting. You can find the key in Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class{4d36e972-e325-11ce-bfc1-08002be10318}\00XX. The downside to this is that now you’ll have an “Unidentified Network” in your Network and Sharing Center. It’s also managed by Windows Firewall now and by default it is in the Public Profile and it can’t be really changed easily.

For me, the path to the registry key was slightly different and ended with \0016, I guess the commenter meant to search in any of the sub-folders that start with 00. The key to edit is *NdisDeviceType (it really starts with an asterisk) and needs to be changed from 1 to 0.

Being a registry edit, people should really know what they're doing, so in any case a registry backup, or bookmarking the key to easily find it again and revert would be highly recommended.

What I'd suggest:

  • ask other people to test if the fix works for them too
  • make a decision if documenting the fix would be beneficial
  • maybe provide a .reg file to change the key

afercia avatar May 24 '18 17:05 afercia

What's the error message it gives under details? As an aside, the src subsisting is going away due to changes in core development, you should use build instead On Thu, 24 May 2018 at 18:23, Andrea Fercia [email protected] wrote:

Microsoft Edge has network problems, especially for unusual network stuff. It's impossible to see a VVV site in Edge. It's a known issue, just google for "Edge Hmmm... cannot reach this page" and you will find tons of reports and suggestions. 99% of them didn't work for me.

[image: screenshot 3] https://user-images.githubusercontent.com/1682452/40501201-7c383c7a-5f87-11e8-979d-00e0cf44e9df.png

It's an Edge bug, nothing wrong with Virtualbox and VVV.

Eventually, I've found a solution but it requires to edit a Windows registry key, For people who need to test with all browsers, worth considering to document the fix. See this comment:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10142843/#comment-8

You can workaround this issue by changing your VirtualBox Host-Only Ethernet Adapter’s "*NdisDeviceType" to 0 and rebooting. You can find the key in Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class{4d36e972-e325-11ce-bfc1-08002be10318}\00XX. The downside to this is that now you’ll have an “Unidentified Network” in your Network and Sharing Center. It’s also managed by Windows Firewall now and by default it is in the Public Profile and it can’t be really changed easily.

For me, the path to the registry key was slightly different and ended with \0016, I guess the commenter meant to search in any of the sub-folders that start with 00. The key to edit is *NdisDeviceType (it really starts with an asterisk) and needs to be changed from 1 to 0.

Being a registry edit, people should really know what they're doing, so in any case a registry backup, or bookmarking the key to easily find it again and revert would be highly recommended.

What I'd suggest:

  • ask other people to test if the fix works for them too
  • make a decision if documenting the fix would be beneficial
  • maybe provide a .reg file to change the key

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/Varying-Vagrant-Vagrants/VVV/issues/1523, or mute the thread https://github.com/notifications/unsubscribe-auth/AADl57RSnLW7lvth_35Z6qNjWY5naXZwks5t1uyKgaJpZM4UMqfZ .

tomjn avatar May 24 '18 18:05 tomjn

What's the error message it gives under details

It's the very enlightening INET_E_RESOURCE_NOT_FOUND.

As said, this isn't a Virtualbox / Vagrant / VVV issue. All other browsers on Windows 10 work. Edge doesn't. I always had this problem also on another Windows machine. However, I really need to test on all browsers using different assistive technologies, and I guess other developers would like to test with Edge too. This fix is the only one that worked for me.

I'm aware of the changes in core related to the build step, thanks 🙂

afercia avatar May 24 '18 19:05 afercia

am i imagining this, i thought that edge worked before... if it didn't, no one actually tested Edge?

now i really wanna go back to the previous state and test the older VVV 2.2.0

ghost avatar May 24 '18 20:05 ghost

I always recommend using Browsersync for cross-browser testing (config.vm.network :public_network uncommented ofc).

After a simple setup (example here), just run npm start and work on any browser, mobile phone etc.

dingo-d avatar May 25 '18 07:05 dingo-d

@dingo-d thanks. As said, personally I need to test with all browsers using various assistive technologies (e.g. screen readers), and Browsersync doesn't help.

afercia avatar May 25 '18 08:05 afercia

Oh, yeah, in that case, this is a big issue.

dingo-d avatar May 25 '18 08:05 dingo-d

i did more test on this... because I usually install windows 10 on virtualbox and target 192.168.50.4/192.168.50.1 as a second adapter... It seems like if I were to install the SSL or non SSL and using Microsoft Edge, I can actually use it.

see below

image

so it got me curious. what's the difference.

ghost avatar Jul 17 '18 22:07 ghost

so the image above is under VirtualBox running Windows 10 Pro and i didn't need to edit registry or anything like that, it just works under virtualbox windows 10, but the actual host. i just get, can't reach the page.

ghost avatar Jul 17 '18 22:07 ghost

untitled

give u better idea, now it says im using windows 10 Pro (Running) - Oracle VM VirtualBox

ghost avatar Jul 17 '18 22:07 ghost

@tomjn Any idea why would this happened, if i use virtualbox with windows 10, Microsoft Edge works, but if i use Edge at the parent/host operating system, it doesn't work.

ghost avatar Aug 13 '18 20:08 ghost

None, I don't know much about MS Edge

tomjn avatar Aug 13 '18 20:08 tomjn

It is still happening? we have to consider that the new versions of edge now use chromium engine.

Mte90 avatar May 08 '19 10:05 Mte90

We'll see 🙂It's not related to the rendering engine. It's a Microsoft network "feature".

afercia avatar May 08 '19 11:05 afercia

so i tested the new Edge, its the same thing.

ghost avatar May 28 '19 17:05 ghost

What progress has been made on this? Is the provided workaround with editing the registry the only fix for now? Thanks for your help so far.

jimboobrien avatar Jul 11 '19 17:07 jimboobrien

i think the way to fix this is to edit the registry, can we document this in the documentations.

ghost avatar Jul 11 '19 23:07 ghost

Is this still an issue? Edge for MacOS appears to run fine:

Screenshot 2020-04-14 at 10 21 56

tomjn avatar Apr 14 '20 09:04 tomjn

Is this still an issue?

As mentioned previously, this isn't related to the browser's engine. It's a Microsoft network "feature" that "works" only with Edge. Not sure how the new Edge will behave.

afercia avatar Apr 14 '20 13:04 afercia

can we have people test the new Edge on Windows? I have tested on 3 different computers with Windows 10 Home/Pro and it works fine. Since the new Edge is majority Chromium based

ghost avatar Apr 14 '20 14:04 ghost

Worth reminding WordPress supports the last 2 versions of major browsers, including the last 2 Edge versions.

https://github.com/WordPress/wordpress-develop/blob/72f54ba785949876c79836723c129c8757dec0f1/package.json#L15-L26

https://github.com/WordPress/packages/blob/5e4f4f4cd977c113eb219b63cc82283efb5c8514/packages/browserslist-config/index.js#L11

GitHub
WordPress Develop, Git-ified. Synced from git://develop.git.wordpress.org/, including branches and tags! This repository is just a mirror of the WordPress subversion repository. Please include a li...
GitHub
Collection of JS modules and tools for WordPress development - WordPress/packages

afercia avatar Apr 15 '20 06:04 afercia

I don't think that matters right now! The whole point right now is to have people test the new Microsoft Edge that is based on Chromium. If we can get people to test without problem on Edge even if there are some small issues, it can still display sites and which the whole point of this ticket.

The new Microsoft Edge will be implemented into the Core of Windows 10 in the next version or two.

@tomjn: I think we should just close this ticket because no one will use Edge as much as we should be doing testing on, but that's just me.

ghost avatar Apr 15 '20 18:04 ghost

Ah I was hoping that the new Edge might have bypassed this issue being Chromium based. The worst that happens is we end up with a less suboptimal situation, a little more info doesn't hurt

tomjn avatar Apr 15 '20 18:04 tomjn

I'll try testing this again at some point today hopefully.

jimboobrien avatar Apr 15 '20 18:04 jimboobrien

I just upgraded an old VVV environment from 2.2.0 to 3.3.0 and vagrant destroy then vagrant up and still do not see vvv.test loading in Edge on Windows 10. It does load in chrome and IE. I guess I could try a whole new VVV environment.

jimboobrien avatar Apr 15 '20 23:04 jimboobrien

It does not work with a fresh VVV 3.3.0 install on Edge on Windows 10, It does work in IE and chrome. Dang you windows. Dang you. This is why I use linux most of the time for development anyways. Please let me know if I can be more helpful in testing.

jimboobrien avatar Apr 15 '20 23:04 jimboobrien

@jimboobrien did you upgrade to the new Microsoft Edge (https://www.microsoft.com/en-us/edge/), if you didn't is not going to work. You need to update to the new Edge image

@tomjn: this is why I open a new ticket with the latest URL to download the new Edge. if we continue here. no one is gonna know to download the new Microsoft Edge.

Microsoft Edge
See what's new on the latest version of the Microsoft Edge browser. Explore features, rewards, and more before you download the new browser today.

ghost avatar Apr 16 '20 01:04 ghost

I am going to point out that when most of the people who are using Windows 10, you can download the new Microsoft Edge (https://www.microsoft.com/en-us/edge/), this update will replace the old Microsoft Edge that is the core of Windows 10. Please download and install the new Edge browser before making assumptions if it works or not.

I have recently tested on 3 different Windows 10 systems and the new Microsoft Edge works without any configurations whatsoever.

Microsoft Edge
See what's new on the latest version of the Microsoft Edge browser. Explore features, rewards, and more before you download the new browser today.

ghost avatar Apr 16 '20 01:04 ghost

Confirmed, once I upgraded Edge to newest version it does work in Edge now. I was on 44.1 I believe before I upgraded.

jimboobrien avatar Apr 16 '20 01:04 jimboobrien

Now that edge is based on webkit this ticket maybe can be closed as a lot of things are changed?

Mte90 avatar Dec 16 '20 11:12 Mte90

@msaggiorato what do you think? I know you're on Windows at the moment

tomjn avatar Dec 16 '20 12:12 tomjn