HTML, CSS, JavaScript
Preventing Visual Search in Microsoft Edge
Gravatar is a globally recognized avatar based on your email address. Preventing Visual Search in Microsoft Edge
  Carl Chambers
  All
  May 30, 2022 @ 09:16am

Is it possible to disable Visual Search in Microsoft Edge with javascript?
Right now, I'm overlaying the image with a <div> (which works) but I'm wondering if anyone knows of another method.

Thanks,
Carl

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Rick Strahl
  Carl Chambers
  May 30, 2022 @ 03:58pm

Visual Search?

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Carl Chambers
  Rick Strahl
  May 30, 2022 @ 04:59pm

Yeah, that's the closest I came to finding an actual name for it but it's a little white & blue icon that appears in the upper right corner of images that, when clicked, displays a side bar with Bing search results of websites that Bing thinks are related to the image. So the search is visual rather than textual.

On your home page, this icon appears at the upper right corner of the main image at the top of the page when you hover over it with the mouse.

I found that Edge displays this even if the image context menu is disabled in javascript. This feature can be enabled or disabled in Edge's settings but I don't know if it can be controlled programmatically.

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Rick Strahl
  Carl Chambers
  May 30, 2022 @ 06:25pm

Interesting. One more reason not to use Edge I guess 😃

That's a browser specific feature so that's not something you can control. You can turn this off in settings as the drop down shows, but beyond that... no control.

+++ Rick ---

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Carl Chambers
  Rick Strahl
  May 30, 2022 @ 09:56pm

Thanks Rick, that's what I thought.

I realize that images cannot be truly protected, but Microsoft just made image theft super-simple again by overriding any disabling of the right-click context menu.

Not only that, images could be of significant commercial value and the Bing search results can potentially direct the user to a competing product or service.
Who wants to advertise a competitor on their own website ??

Interestingly, images on a Facebook page appear to be exempt from this feature.

Carl

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Rick Strahl
  Carl Chambers
  May 30, 2022 @ 10:28pm

Facebook Images - probably because all of that is behind an authentication wall... there will be no unauthenticated links.

Also: JavaScript loaded pages are not showing image cross references it seems.

+++ Rick ---

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Rick Strahl
  Carl Chambers
  May 30, 2022 @ 10:30pm

Did a little more searching around and it looks like you can apply a style of pointer-events: none to defeat this feature as well:

img { pointer-events: none }

This might have other effects for touch and specialty click behavior but that should be rare.

+++ Rick ---

Gravatar is a globally recognized avatar based on your email address. re: Preventing Visual Search in Microsoft Edge
  Carl Chambers
  Rick Strahl
  May 31, 2022 @ 06:25am
img { pointer-events: none }

Cool!
I like that better than overlaying a div.

Thanks, Rick.

© 1996-2022