BookMarklet Notifier

What is a Bookmarklet? A "Bookmark" for your browser, which instead of a url address contains a javascript code to use in the page you are visiting. This way you can get certain utilities without having to install addons and they work in most browsers. To ADD IT you only have to drag the link containing the Bookmarklet to your favourites bar.

Notifier is a Bookmarklet that will allow you to use push notifications with any page by detecting an html element.

To do this, remember that you have to give permission to that page so that it can make notifications. Once allowed, click on your bookmarklet and they will be active.

With element inspection you can find out when you want the notification to appear (a class, an id, etc). This notifier (to avoid multiple notifications) will only notify you once until the "item" no longer exists. The next time the "item" appears it will notify you again.

Please note that this is not a push notification (consulted on a server), but a notification to the system while the page is open.

I have created it for a webmail service that does not have integrated notifications, but you can customise it (time, item to search for and message) with the first variables.

For this I leave you a small utility with the source code so that you can easily customise it.

Bookmarklet Notificador

javascript: var ratiempo=15000; var rabuscar="span.unread"; var rabkmsg="New Mails"; /*----------*/ var rasemaforo = true; function rabknotifica() { const total = document.querySelectorAll(rabuscar).length; setTimeout(function() {rabknotifica();},ratiempo); if (total > 0 && rasemaforo) { rasemaforo = false; Notification.requestPermission().then(() => new Notification(rabkmsg)); } else if (total == 0) { rasemaforo = true; } } rabknotifica();

Customised Notifier

Bookmarklet Chat on Twitch

What is a Bookmarklet? A "Bookmark" for your browser, which instead of a url address contains a javascript code to use in the page you are visiting. This way you can get certain utilities without having to install addons and they work in most browsers. To ADD IT you only have to drag the link containing the Bookmarklet to your favourites bar.

"Chat Twitch" is a Bookmarklet that will allow you, once you are on a live twitch channel, to switch to chat only, using Twitch's pop-up chat capability. Useful if you want to use the chat from one device and watch the live stream from another.
  

Source Code:

      javascript:
      vUrl = document.location.href; 
      document.location = vUrl.replace(/twitch.tv/,"twitch.tv") + "/chat?popout=";

Bookmarklet Search Here

What is a Bookmarklet? A "Bookmark" for your browser, which instead of a url address contains a javascript code to use in the page you are visiting. This way you can get certain utilities without having to install addons and they work in most browsers. To ADD IT you only have to drag the link containing the Bookmarklet to your favourites bar.

 "Search Here" is a Bookmarklet that allows you to search with Google for something in the current domain you are visiting. Drag the link to your bookmarks bar and it will be available to you.

Source code:

    javascript: 
      busqueda = prompt('Redalan.net - search with google on '+document.domain,'');
      if (busqueda > '') {
          open('http://www.google.es/search?hl=es&q='+busqueda + ' site:' + document.domain); 
      } else { 
        null; 
      };
    

Bookmarklet Instagram Photo

What is a Bookmarklet? A "Bookmark" for your browser, which instead of a url address contains a javascript code to use in the page you are visiting. This way you can get certain utilities without having to install addons and they work in most browsers. To ADD IT you only have to drag the link containing the Bookmarklet to your favourites bar.

Instagram Photo is a Bookmarklet that will allow you to view the photo in a new tab of an Instagram post. Go to the post and click on your bookmarklet (drag the link to your favourites).

Source Code:

      javascript:
      window.open(document.getElementsByClassName("FFVAD")[0].src);