Make your browser smarter with bookmarklets

Browsers, in general, are applications that obtain web content from a web server (HTTP, HTTPS, and other supported protocols) that they connect to, whether it’s a static or a dynamic content. They are also packed with features that maximize your productivity when you’re surfing the web, and one of those features are bookmarks. Bookmarks are a list of your favorite websites that you may often access or that you may archive it for later use, and, depending on the browser, are synchronized across devices and are able to be categorized into groups.

However, browsers also support URLs that are not HTTP and HTTPS, and one of them is javascript:, which is necessary for bookmarklets. A bookmarklet is a one-line URL that contains the minified JavaScript code that works against documents, and it can modify contents of a document and send an alert. For example, javascript:alert("Hello world!") is a URL that tells JavaScript to execute the alert function. Executing this on your browser leads to this:

Before giving you the steps on how to add a bookmarklet, you’ll need to exercise caution. Bookmarklets are JavaScript code that is executed without warning, and this code might perform malicious and/or unwanted operations, such as exfiltrating data from your session.

Chromium browsers

To add a bookmarklet on your PC with Chrome, Chromium, and Chromium-based browsers, you can usually drag a bookmarlet to your bookmarks bar. Alternatively, follow these steps:

  • Open the browser, and find a bookmarklet you wish to add.
  • Copy the bookmarklet to your clipboard.
  • Open Menu > Bookmarks and Lists > Bookmark Manager.
  • Open the hamburger menu, and press Add to Bookmark.
  • Paste the bookmarklet URL to the URL field.
  • Add the name of the bookmarklet to any desired name.
  • Press Save.
  • When you click on the bookmarklet, you should see:

    Alternatively, you can search for the bookmarklet, and click on the bookmarklet, like below:

    Firefox

    To install a bookmarklet to your Firefox browser on your PC, you can drag the bookmarklet to the bookmarks bar. Additionally, you can manually add the bookmarklet by following the steps:

  • Open the hamburger menu, click on Bookmarks, then Manage Bookmarks.
  • Click on Organize > Add Bookmark.
  • Write the name of the bookmarklet.
  • Paste the bookmarklet URL.
  • Press Save, then navigate to a desired web page.
  • Open the bookmarks list and click on the bookmarklet.
  • You should then see the below alert message:

    Chrome for Android

    To install a bookmarklet to Chrome on your Android phone or tablet, follow these steps:

  • Go to a desired website, and tap the star icon in your address bar. You might need to open a hamburger menu on phones.
  • Copy the bookmarklet URL from the site.
  • Tap the star icon again, and remove the URL and the name.
  • Paste the bookmarklet URL to the URL field, and add a name.
  • Exit the page, then navigate to the desired webpage.
  • Tap on the address bar, and write the name of the bookmarklet.
  • Tap on the bookmarklet, not a search icon, and you should see this:

    It works with simple and complicated bookmarklets. Once you’ve learned how to add a bookmarklet, why not try out some of the most interesting bookmarklets, such as this?

    #Android #Bookmark #Bookmarklet #chrome #Firefox #Linux #news #Tech #Technology #update

    Make your browser smarter with bookmarklets

    Browsers, in general, are applications that obtain web content from a web server (HTTP, HTTPS, and other supported protocols) that they connect to, whether it’s a static or a dynamic content.…

    Aptivi

    Commit 19: Heute haben wir ein Repo erstellt um unsere #39c3 Link-Sammlung zu einer #delightful Liste anzureichern. Was auf #github als #awesome bekannt ist.

    Schaut mal beim #wartenAuf39c3 in das Repo rein. Vielleicht macht ja gemeinsames Bookmark sammeln mit dem #bookmarklet, #LocalStorage und verinfachtem #git Issue Erstellung einfach mehr Spaß?

    Repo-Link: https://y.lab.nrw/jek25-19

    \__
    #jek25 #cccRegio #cc0

    Einloggen ins Elektronisches Bürgerinnenpostfach (https://mjp.justiz.de/#/): 5x Varianten von "Anmelden", "Weiter" drücken. Passwort eingeben. Nochmal dreimal "Weiter".
    Ich habe kurz versucht die ersten vier Klicks per Bookmarklet zu überspringen... jetzt müsste ich anfangen JS zu debuggen. Ey geht das nicht einfacher?!

    #bundid #ebo #bookmarklet #javascript

    Mein Justizpostfach

    Webclient für Mein Justizpostfach

    忽然發現小書簽或 javascript: 網址,本身是也是語法正確的 js 程式碼,因為 `javascript:` 可以解作 label,而 js 中對非 block 的標籤是合法的。

    如果小書籤開頭是函數宣告,那對函數宣告的標記在嚴格模式是非法的,但小書簽要進嚴格模式要寫成 `javascript:'use strict'; // ...` ,於是又合法了。

    除非執行小書籤的外部環境已經是嚴格模式了
    `"use strict"; eval("javascript:function foo(){};foo()")`

    另外如果區塊的開頭是帶 label 的 'use strict' ,例如 `javascript:'use strict'` ,進不了嚴格模式,開頭要是乾淨的 'use strict' 。

    #javascript #bookmarklet

    #Bookmarklet lz.de +

    javascript:var%20j%3Ddocument.querySelectorAll(%27script%5Btype%3D%22application%2Fld%2Bjson%22%5D%27)%2Cq%3D!1%3Bj.forEach((function(e)%7Bif(!q)try%7Bvar%20t%3DJSON.parse(e.innerHTML)%3Bif(t.articleBody)document.getElementById(%22paywall%22).innerHTML%3Dt.articleBody%2Cq%3D!0%7Dcatch(e)%7B%7D%7D))%3B

    Do you ever find yourself explaining to AI chatbots what your #Dataverse tables look like? Such as when trying to get them to spit out the right expressions for #PowerAutomate cloud flows?

    Stop checking what your schema is, just copy-paste the details from the Web API with this bookmarklet: https://link.jukkan.com/bookmark

    #PowerPlatform #bookmarklet

    What is a #browser #bookmarklet?

    A bookmarklet is a tiny app that you save in your browser's bookmarks bar, without the need to install anything. When you click on the bookmark, it adds functionality on the current page. Yes, it's that simple!

    1-Click De-crapulator, a new bookmarklet: Click any part of a web page, get the basic HTML with all the bloaty crap removed!
    https://a11y-tools.com/bookmarklets/#one-click-decrapulator
    #webdev #html #tools #bookmarklet
    A11y bookmarklets | A11y Tools

    Linking to text fragments with a bookmarklet https://links.shikiryu.com/shaare/ZvQrwQ Un bookmarklet pour faire un lien sur un "text fragment" (un bout de texte). Si vous donnez le lien généré à quelqu'un, il accèdera directement au texte à l'ouverture de la page, comme un scroll auto !
    #bookmarklet #links #genera
    Linking to text fragments with a bookmarklet

    Un bookmarklet pour faire un lien sur un "text fragment" (un bout de texte). Si vous donnez le lien généré à quelqu'un, il accèdera directement au texte à l'ouverture de la page, comme un scroll auto !