How can I achieve bookmarklet functionality in Microsoft Edge browser (without installing anything extra)?
Asked Answered
G

6

7

Microsoft Edge browser does not support javascript bookmarklet in favorites. Is there an easy workaround for this?

When browser extensions for Edge come out, then it might be possible if the user installs an extension -- but that's much higher overhead for the user and developer.

I assume this is by design. But what is the microsoft workaround for this besides extensions?

description of problem: http://answers.microsoft.com/en-us/windows/forum/apps_windows_10-msedge/please-support-drag-and-drop-bookmarklet-and/dc7d2f09-8742-46a5-bb4a-4d1f576b8919

and old workaround: http://www.howtogeek.com/231775/how-to-install-and-use-bookmarklets-in-microsoft-edge/

a hack using an installed program: http://www.emmet-gray.com/Articles/EdgeManage.html

Ginsberg answered 23/6, 2016 at 8:46 Comment(2)
You answer in the link you share. There is no question to answer here. This should be closed as offtopic / too broadPlumbism
As mentioned in the question, I'm looking for workarounds or solutions to get bookmarklets into favorites. If it's impossible, that would be good info to know too.Ginsberg
B
6

After experimenting around, I found out that in fact EDGE does support bookmarklets, but they call it Reading list. It works almost like bookmarklets, but a bit more poorly and difficult to debug, plus there is a (logical) limitation that cannot be circumvented as easily as in say Firefox: if your script comes from a http:// site, it cannot be run on a https:// site.

You can use bookmarklets in Edge this way:

  1. Right-click your button with your javascript:.... url.
  2. Click Add to reading list.
  3. Navigate to your site and run the script on that site by clicking Reading list (Reading list on my version of Edge on PC is located behind the three horizontal lines called Hub and then the fancy icon with many curled horizontal lines called Reading list, on mobile the Reading list icon appears above the address bar when you click the ... menu icon) and from that list clicking your script.

I have tested it AND IT WORKS ON BOTH PC EDGE AS WELL AS MOBILE EDGE (Mobile: Windows 10.0.14393). Hope this helps someone as I almost abandoned my Lumia for an Android mainly because of my perceived lack of this feature.

Barbarossa answered 9/4, 2017 at 13:10 Comment(1)
In Edge v44, the "Add to reading list" option in the context menu is disabled for Bookmarklet links. Therefore the above method no longer works.Lineman
P
5

With Windows 10 Fall Creators Update, Edge now supports editing URLs for favorites.

Reference : https://blogs.windows.com/msedgedev/2017/10/17/edgehtml-16-fall-creators-update/

Edit URLs for favorites

By popular demand, we’ve added the ability to edit the address for individual favorites in the Favorites Hub or on the Favorites bar.

To do this, simply right-click or press and hold a favorite and select “Edit URL.”

Points to Note:

  • The javascript code that's pasted in place of the URL should be in a single line. [i.e. remove all the new line breaks.]
  • The javascript code should not exceed 2083 characters.
Papagena answered 15/12, 2017 at 9:14 Comment(1)
So the trick for me to get this to work was that, after pasting in the text, I had to press enter. Maybe that should have been obvious, but I was just clicking away from the edit box.Samba
D
3

I'd be happy to discover a better work-around, but the closest I have found for MS Edge version 92.0.902.78 is a feature known as "Snippets". The devtools guide describes Snippets as alternatives to bookmarklets.

To add a "Snippet":

  • Open the dev tools (F12 or Ctrl-Shift-I or navigate: ...->"More Tools"->"Developer Tools")
  • Find the "Snippets" pane in the "Sources" panel
  • Click the "New snippet" button
  • Add your javascript code in the editor area and save

To run a "Snippet":

  • Right-click on the snippet name in the Snippets list of the developer tools and select "Run"

Each snippet is associated with a uri-looking link (like snippet:///add-library-proxy), but these don't appear to be recognized in bookmarks nor from in the address bar.

Dispensary answered 24/8, 2021 at 19:6 Comment(0)
S
2

Now that Edge supports editing a URL on the favorite bar - simply do the following.

  1. Add a favorite (doesn't matter what)
  2. Use "Inspect element" from the bookmarklet button context menu (right-click)
  3. Use "Edit URL" from the favorite (create in step 1) context menu (right-click)
  4. Paste the bookmarklet URL

(tested on 41.16281.1000.0)

Shastashastra answered 12/9, 2017 at 6:4 Comment(2)
I need to wait till I get upgraded from v38 Edge to try this. I don't see a browser update function in Edge. I only see the same quality stuff that I see from the Win10 people <cough><cough>Ginsberg
In step 2, "Copy link" from the context menu can also be used to get the bookmarklet code. I created an Edge specific bookmarklet of my own & deployed it in this way in Edge v44 - mvark.blogspot.com/2020/03/…Lineman
N
1

I know this is kinda an old question, but...

Now that Microsoft Edge stores its favorites in a database, the "old workaround" is no longer viable.

But, there is a free 3rd-party application called EdgeManage that will allow you to edit/create the URL directly in the favorite.

So, this will allow you to use bookmarklets in Edge

PS: I am the author

Neomineomycin answered 9/1, 2017 at 3:52 Comment(0)
M
0

Maybe i'm misunderstanding but the bookmarklet on this site works fine in Win11/MS Edge - https://webaim.org/resources/contrastchecker/

Mortification answered 6/5, 2024 at 18:7 Comment(1)
That is a comment, not an answer.Gunnar

© 2022 - 2025 — McMap. All rights reserved.