A.S.

How to add new features in browser without extensions

7 posts in this topic

 

NB: I write this post, because many people ask about similar things. Many Maxthon users can not find necessary extensions. Nitro and IE users have no extensions! How to use browser without features? There are many reasons to write about this. For example, we need it for the second step in creating your own extensions for Maxthon. Get ready, it will be a long way!

 

Today we talk how to add new features in your browser without extensions. And the first question what you should ask is "Why? Why not extensions?". And I know two reason "why":

  • Not all browsers support extensions. IE and Nitro don't have extensions and never will have. Its users have no choice.
  • Almost all extensions work all time even if you do not use it now. It means that if you use any extensions your browser need more RAM. We'll add new features which will run only when we need it.

Absolutely everyone knows about IE. I don't agree that IE is so bad. But IE is not so fast and IE realy does not have features. As Google Chrome, but Chrome has thousands of extensions and if you need some feature you can add it without any priblems. But not in the case of IE.

Nitro is fast, but empty. Early versions of Nitro did not have any functions: only address bar, tabs and favorites. Last beta of Nitro has localizations and even build-in AdBlockPlus. But this is still only beta and ABP in Nitro works so bad that I doubt that it really works. In addition, users need the functionality. Maxthon Browser has so many features, but even MX need extensions!

 

But today we talk not about Nitro or IE. Today we talk about bookmarklets. Word "bookmarklet" is very similar to word "bookmark": bookmarklet is bookmark + applet. What it means for us? It means that we can add symple application directly to favorites and the script will work as bookmark. It means that script will run by click only. And it means that it works only when you realy need it and does not eat your RAM in background. 

I hope you understand what is bookmarklet and now you want to know only one: examples! This is examples of bookmarklets that give you necessary functions in any browser. What do you need? Translators? Readers? Tools for sharing and screenshots? Just try these... 

 

 

TRANSLATORS


1. Bing Translator

The only official bookmarklet for translations what I could find. It you use Maxthon Browser and know Wilser's Microsoft Translators, you know how this bookmarklet works. But if you want to use Bing Translator comfortable, you need the script specifically for your native language. So open Microsoft Language Labs page, choose your native language and drag "Translate" button bookmarks or just copy the URL by context menu and save it manually.

javascript:(function(){var s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'http://labs.microsofttranslator.com/bookmarklet/default.aspx?f=js&to=en'; document.body.insertBefore(s, document.body.firstChild);})()

2. Yandex.Translator

I asked Yandex support about official bookmarklet for translator as for Bing, but they gave me link to api only. This is absolutely useless in our situation, so I used script from MultiTranslator for Maxthon. Remember this extension, because we'll talk about this many times. And try Yandex.Translator for Maxthon if you want to see how this script will work.

javascript:q=(document.location.href);void(open('https://z5h64q92x9.net/sandbox?dir=auto&ui=ru&lang=en-ru&url='+escape(q),'_self','resizable,location,menubar,toolbar,scrollbars,status'));

3. Google Translate

The must popular online translator. And you need special bookmarklet for your native language again. Just open special Google page with all buttons for translation and drag link with your language in bookmarks or copy URL manually. If you use MX, you can look how this bookmarklet will work if install Google Translate for Maxthon.

javascript:var t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.com/?text='+t+'&hl=ru&langpair=auto|en&tbb=1&ie='+e;}else{location.href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&hl=ru&langpair=auto|en&tbb=1&ie='+e;};

4. PROMT Translator

PROMT is Russian company that develops software for automatic translation. It was very popular when many people did not have Internet at home. But Google... Bing... Yandex... And PROMT is almost forgotten... forgotten, but not dead! As I know, PROMT the only online translator which works with templates. So you can try also PROMT Translator for Maxthon. And scripts from MultiTranslator are used in this extension too.

javascript:q=(document.location.href);void(open('http://online-translator.com/siteTranslation/autolink/?direction=ar&template=General&sourceURL='+escape(q),'_self','resizable,location,menubar,toolbar,scrollbars,status'));

 

DOWNLOADERS

 

1. SaveFrom.Net

SaveFrom is popular extension which allows you to download video, audio and photo albums from popular websites. But SaveFrom extensions exist only for all browsers, except Maxthon. MX users can use only SaveFrom script with ViolentMonkey or SaveFrom Light. It works via bookmarklet which you can use in any browser.

javascript:q=(document.location.href);void(open('http://en.savefrom.net/#url='+escape(q),'_self','resizable,location,menubar,toolbar,scrollbars,status'));

2. KeepVid

Online service for download video from popular websites. Works very strange for most casual users. KeepVid does not have any extensions. If you want to download video you need copy URL in special field on the website. But for many websites you need special script KeepVid Helper. So if you want to try KeepVid, you need save script and bookmarklet. Too many actions for casual user! I tried to make KeepVid for Maxthon, but it does not work for many website and I can not do anything to fix it. But in Nitro and IE you have no choice. So...

javascript:(function(){window.open('http://keepvid.com/?url='+encodeURIComponent(location.href)+'')})();

 

3. Save2Go

Save2Go is Russian web service which downloads flash content from any website... in theory. In practice, find website where the script is working very hard. But this is the only script which allows you to download flash games in any browser (but not on any website) what I could find.

javascript:(function(){if(typeof(Save2GO)!='undefined'){Save2GO()}else{var s=document.createElement('script');s.type='text/javascript';document.getElementsByTagName('head')[0].appendChild(s);s.src = 'http://save2go.ru/sys/inc/bookmarklet.js'}})();

After several tests, I realized that the site works better than the official script. If you manually copy URL with video or game in special field you'll get direct link to .swf everytime. So I made new simple bookmarklet:

javascript:(function(){window.open('http://save2go.ru/parse/?url='+encodeURIComponent(location.href)+'')})();

4. Flickr Downloader

Fast download of pictures from Flickr in maximum size. This script was written by Russian developer of extensions for Google Chrome. But this is just script, not extension. Together we made Flickr Downloader for Maxthon. And now you can try this in any browser as bookmarklet. This is too big script to post it here, so just copy it from GitHub.

 

 

READERS

 

1. Clippable (ex-Readability2)

Original EverNote's Readability script has been improved by Brett Terpstra and we got Readability2: read mode (white or gray background) and night mode (black background). You can see how it works if you install Clippable for Maxthon or just try bookmarklet:

javascript:(function(){x=document.createElement('SCRIPT');x.type='text/javascript';x.src='http://brettterpstra.com/share/readability.js?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(x);y=document.createElement('LINK');y.rel='stylesheet';y.href='http://brettterpstra.com/share/readability.css?x='+(Math.random());y.type='text/css';y.media='screen';document.getElementsByTagName('head')[0].appendChild(y);})();

2. Squirt Reader

Very tool for speed reading training. Squirt Reader converts text in running line. I don't know how you call this in English and I have no idea how to explain this to you. Just try this!

javascript:(function(){sq=window.sq=window.sq||{};if(sq.script){sq.again();}else{sq.bookmarkletVersion='0.3.0';sq.iframeQueryParams={host:'//squirt.io',userId:'75bb8f6b-982d-499f-9042-6535e603bb18',};sq.script=document.createElement('script');sq.script.src=sq.iframeQueryParams.host+'/bookmarklet/frame.outer.js';document.body.appendChild(sq.script);}})();

 

TOOLS FOR SHARING

 

1. TL;DR-ify

Too long; didn't read... How often people reply this on your links? You can be right, but they are too leazy to understand it. But with TLDRify you can show selected part of page. And if your opponent needs he can also look at the original page. Very usefull! And TLDRify has extensions for FirefoxChrome and Maxthon. But you can use bookmarklet in any browser.

javascript:(function(d){d.body.appendChild(d.createElement('script')).src='//tldrify.com/static/js/bookmarklet.min.js?_'+new Date().getTime();})(document);

2. Kwout

Analogue of TLDRify, but for images, not for text. With kwout you can make screenshot of page and share it in your blog or email. As I know kwout has only one unofficial extension: kwout for Maxthon. But bookmarklet works in absolutely all browsers. And kwout has three bookmarklet:

  • Copy this if you need standart tool
    javascript:(function(){var b=document.body,e=document.documentElement,h=100,s=self,y=0,w=window;if(s.pageYOffset)y=s.pageYOffset;else if(e && e.scrollTop)y=e.scrollTop;else if(b)y=b.scrollTop;if(w.innerHeight && w.scrollMaxY)h=w.innerHeight+w.scrollMaxY;else if(b.scrollHeight > b.offsetHeight)h=b.scrollHeight;else h=b.offsetHeight;location.href='http://kwout.com/grab?address='+encodeURIComponent(location.href)+'&scroll='+(y/h);})();
  • Copy this if you want to share screenshots in new tab
    javascript:(function(){var b=document.body,e=document.documentElement,h=100,s=self,y=0,w=window;if(s.pageYOffset)y=s.pageYOffset;else if(e && e.scrollTop)y=e.scrollTop;else if(b)y=b.scrollTop;if(w.innerHeight && w.scrollMaxY)h=w.innerHeight+w.scrollMaxY;else if(b.scrollHeight > b.offsetHeight)h=b.scrollHeight;else h=b.offsetHeight;w.open('http://kwout.com/grab?address='+encodeURIComponent(location.href)+'&scroll='+(y/h));})();
  • Copy this if you want to make screenshots in the same tab
    javascript:(function(){var b=document.body,e=document.documentElement,h=100,s=self,y=0,w=window;if(s.pageYOffset)y=s.pageYOffset;else if(e && e.scrollTop)y=e.scrollTop;else if(b)y=b.scrollTop;if(w.innerHeight && w.scrollMaxY)h=w.innerHeight+w.scrollMaxY;else if(b.scrollHeight > b.offsetHeight)h=b.scrollHeight;else h=b.offsetHeight;location.href='http://kwout.com/grab?address='+encodeURIComponent(location.href)+'&scroll='+(y/h);})();

 

3. AddThis

Almost all internet users know what is AddThis. This is the most popular service for fast sharing. And this is official bookmarklet:

javascript:void((function(svc) {var d=document,w=window,p=0,b=function(){if(!p){p=1;if(_atc.xol)_adr.onReady();if(w.addthis_sendto)addthis_sendto(svc||'bkmore',{product:'bmt-'+_atc.ver})}else{p=0;if(_atw)_atw.clb()}};if(!w._atc){var ol=w.addthis_onload||[],o=d.createElement('script');w.addthis_product = 'bmt-250';o.src='//s7.addthis.com/js/250/addthis_widget.js#domready=1&username=bookmarklet';ol.push(b);w.addthis_onload=ol;d.getElementsByTagName('body')[0].appendChild(o)}else b()})())

4. Shareaholic

Analogue of AddThis, where you can create own account and edit your shared links. Shareaholic has extensions almost for all browser, except Maxthon. And in any browser we can use official bookmarklet:

javascript:(function(){var service='all';if(window.Shareaholic && window.Shareaholic.prototype && window.Shareaholic.prototype.Bookmarklet){Shareaholic.init_bookmarklet(service)}else{var shr=document.createElement('script');shr.type='text/javascript';shr.async='true';shr.src='//dtym7iokkjlif.cloudfront.net/assets/pub/shareaholic.js';shr.onload=shr.onreadystatechange=function(){var rs=this.readyState;if(rs && rs!='complete' && rs!='loaded'){return;}try{Shareaholic.init_bookmarklet(service)}catch(e){ }};document.getElementsByTagName('head')[0].appendChild(shr);}})();void(0);

 

ONLINE SAVES AND SYNС

 

1. Pocket

Pocket is the place where you can save all information from the web. And even if the original page will be unavailable copy in Pocket will be available always until you remove it. Now Pocket is build-in tool in Firefox and Yandex.Browser. And Pocket is really popular: just look on apps, which use Pocket api. I think today Pocket has extensions for all browser, because we have MXPocket, Pocket for Maxthon. If you don't want to use extensions, you can use bookmarklets:

  • Copy this if you want to use official bookmarklet (fast save in one click): 
    javascript:(function(){var e=function(t,n,r,i,s){var o=[4046227,1365750,6597580,3221241,1207020,3248723,1624722,1235605,6376953,6485151];var i=i||0,u=0,n=n||[],r=r||0,s=s||0;var a={'a':97,'b':98,'c':99,'d':100,'e':101,'f':102,'g':103,'h':104,'i':105,'j':106,'k':107,'l':108,'m':109,'n':110,'o':111,'p':112,'q':113,'r':114,'s':115,'t':116,'u':117,'v':118,'w':119,'x':120,'y':121,'z':122,'A':65,'B':66,'C':67,'D':68,'E':69,'F':70,'G':71,'H':72,'I':73,'J':74,'K':75,'L':76,'M':77,'N':78,'O':79,'P':80,'Q':81,'R':82,'S':83,'T':84,'U':85,'V':86,'W':87,'X':88,'Y':89,'Z':90,'0':48,'1':49,'2':50,'3':51,'4':52,'5':53,'6':54,'7':55,'8':56,'9':57,'\/':47,':':58,'?':63,'=':61,'-':45,'_':95,'&':38,'$':36,'!':33,'.':46};if(!s||s==0){t=o[0]+t}for(var f=0;f<t.length;f++){var l=function(e,t){return a[e[t]]?a[e[t]]:e.charCodeAt(t)}(t,f);if(!l*1)l=3;var c=l*(o[i]+l*o[u%o.length]);n[r]=(n[r]?n[r]+c:c)+s+u;var p=c%(50*1);if(n[p]){var d=n[r];n[r]=n[p];n[p]=d}u+=c;r=r==50?0:r+1;i=i==o.length-1?0:i+1}if(s==242){var v='';for(var f=0;f<n.length;f++){v+=String.fromCharCode(n[f]%(25*1)+97)}o=function(){};return v+'a2c85adb22'}else{return e(u+'',n,r,i,s+1)}};var t=document,n=t.location.href,r=t.title;var i=e(n);var s=t.createElement('script');s.type='text/javascript';s.src='https://getpocket.com/b/r4.js?h='+i+'&u='+encodeURIComponent(n)+'&t='+encodeURIComponent(r);e=i=function(){};var o=t.getElementsByTagName('head')[0]||t.documentElement;o.appendChild(s)})()
  • Drag this if you want to use unofficial bookmarklet, which works via this page (two clicks with tags):
    javascript:(function(){window.open('https://getpocket.com/edit?url='+encodeURIComponent(location.href)+'')})();

2. Symbaloo

This is the alternative to standard new tab in your browser. Symbaloo works online and on all browsers. And almost for all browsers Symbaloo has extensions. And yes, Symbaloo has two unofficial extensions for Maxthon: Symbaloo and Symbaloo Light. Symbaloo Team know about thes and maybe these will be official. But even if you browser does not have any extensions for work with Symbaloo you can just add website and bookmarklet in favorites:

  • Copy this to add official bookmarklet (for IE): 
    javascript:(function(){var url='http://bookmarker.symbaloo.com/?url='+encodeURIComponent(document.location.href),newwindow=window.open(url,'SymbalooBookmarker','toolbar=no,width=550,height=330,status=no,titlebar=no,scrollbars=no');window.setTimeout(function(){newwindow.focus()},0)})()
  • Copy this to add unofficial bookmarklet (works via this page): 
    javascript:(function(){window.open('https://bookmarker.symbaloo.com/?url='+encodeURIComponent(location.href)+'')})();

 

 

I think that's all... It was very long and boring work. I tried to write this post for a long time, and I already have Russian post "How to add new features in Nitro" about bookmarklets in Russian section, but it took too much time! 

If you want to help, just write other usefull bookmarklets in comments. Maybe it will be usefull for somebody... 

 

Edited by A.S.
7 people like this

Share this post


Link to post
Share on other sites

Great job like always!!!

Once again thank you for all your hard work to improve Maxthon!

Share this post


Link to post
Share on other sites

thank you ! :)

Share this post


Link to post
Share on other sites
  1. Blogger works with scripts badly. I found and corrected a few mistakes, but these changes were not saved. I know about mistakes in the post here, but bookmarklets work, so I will not edit publication it and correct mistakes in the text. Only if I'll add new scripts.
  2. Перевод на русский здесь. Там же слегка отредактированные скрипты, которые будут открывать русские версии сайтов. 
Edited by A.S.

Share this post


Link to post
Share on other sites

Awesome job, thanks m8

Edited by npo33770

Share this post


Link to post
Share on other sites