TheLazy.Dev
Portfolio GitHub

Blog

dev |opensource |showcase

🔖 Bookmarklets Manager Chrome Extension!

ahmedmusallam

Ahmed Musallam

Posted on June 14, 2019

🔖 Bookmarklets Manager Chrome Extension!

All info you need to install is here:

GitHub logo ahmed-musallam / chrome-bookmarklet-manager

A chrome extension to manage bookmarklets!

🔖 Chrome Bookmarklet Manager

A chrome extension to edit bookmarklets with the monaco editor.

bookmarklet manager demo

A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser.

Install

pending review on chrome store

Development

  • Clone this repo
  • Go to chrome://extensions/
  • Enable Developer mode slider
  • Click Load unpacked
  • Aelect the ext folder from the cloned repo
  • Run npm run dev: will watch source changes and build the Js bundle and put it in the ext folder.

View on GitHub


This project has been in the making for quite some time. I wanted a bookmarklet manager extension that did not run any code on pages without the user actually trigging said code. This extension runs no Content Scripts which means that the extension itself does not load any code onto the pages you visit, nor does it care! All this extension does, is give you a way to edit bookmarks that start with javascript: in a nice editor. Oh did I forget to mention it uses the monaco editor? the editor behind VSCode!

Give it a shot, and let me know what you think! I would appreciate any input/pull requests/stars you can give!

PS. This extension is built with Vue, I am no Vue expert. Still learning :)

💖 💪 🙅 🚩
ahmedmusallam
Ahmed Musallam

Posted on June 14, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

🔖 Bookmarklets Manager Chrome Extension!
dev 🔖 Bookmarklets Manager Chrome Extension!

June 14, 2019