นัดดา

สร้างเสริมประสบการณ์ชีวิต
http://www.naddalim.com/forum/

Bookmarklet

http://www.naddalim.com/forum/viewtopic.php?f=7&t=2747

Page 1 of 1

Bookmarklet

Posted: Sat 28 Jul 2018 9:51 pm
by tong
Introduction

A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. When clicked, a bookmarklet performs one of a wide variety of operations, such as running a search query or extracting data from a table. Another name for bookmarklet is favelet or favlet, derived from favorite.

Code: Select all

javascript:(function(){
  //Statements returning a non-undefined type, e.g. assignments
})();

Code: Select all

javascript:{arbitrary script};void(0);

Re: Bookmarklet

Posted: Sat 28 Jul 2018 10:01 pm
by tong
Basic

Code: Select all

javascript:location.href='http://web.archive.org/save/'+document.location.href;

javascript:void(window.open('view-source:'+location));

javascript:alert('\tdocument.URL\n'+document.URL+'\n\tdocument.lastModified\n'+document.lastModified+'\n\tlocation\n'+location);

Re: Bookmarklet

Posted: Sat 28 Jul 2018 10:04 pm
by tong
My Bookmarklet
javascript: open('https://www.siambit.me/viewno18.php?c92=1&search=' + window.getSelection());

javascript: open('https://www.siambit.me/viewno18.php?c92 ... ch=netflix ' + window.getSelection());

javascript: open('https://www.google.co.th/search?q=' + window.getSelection(), '_blank');

javascript: open('https://www.google.co.th/maps/search/' + window.getSelection());

javascript: open('https://translate.google.com/#en/th/' + window.getSelection());

javascript: open('https://rarbgenter.org/torrents.php?cat ... arch=1080p+' + window.getSelection() + '+' + location.hostname.split('.').reverse()[1] );

javascript: open('https://rarbgenter.org/torrents.php?cat ... ]=54&imdb=' + location.pathname.split('/')[2] );

javascript: open('http://www.imdb.com/find?q=' + window.getSelection());

javascript: open(window.getSelection().toString().replace(/[\s\n]/g, '').replace(/\[\?\]/g, '').replace(/^.+?http/i, 'http').replace(/(Site|Sharecode):/ig, ''));

javascript: open('https://www.youtube.com/results?sp=CAM% ... ry=Trailer ' + window.getSelection());

javascript: (function(){ var text = document.createElement('textarea'); document.body.appendChild(text); text.value = window.getSelection(); text.select(); document.execCommand('copy'); document.body.removeChild(text); })();

javascript: (function(){ var text = document.createElement('textarea'); document.body.appendChild(text); text.value = location.href; text.select(); document.execCommand('copy'); document.body.removeChild(text); })();

javascript: (function(){ var text = document.createElement('textarea'); document.body.appendChild(text); text.value = window.getSelection().toString().replace(/[\n\t\s]/g, ''); text.select(); document.execCommand('copy'); document.body.removeChild(text); })();

javascript: document.location = 'magnet:?xt=urn:btih:' + window.getSelection();

javascript: document.location = 'http://www.google.com/search?q=site%3As ... +-archiver+' + window.getSelection().toString().replace(/([a-z]+)\W?(\d+)/i, "$1-$2");

javascript: windows.open(location.href.split("/").slice(0,5).join("/") + '/search/?filters_rp_author={"name":"author_me","args":""}&filters_rp_chrono_sort={"name":"chronosort","args":""}&query=' + window.getSelection());

/search/?filters_rp_author={"name":"author","args":"100009339021932"}

Re: Bookmarklet

Posted: Fri 10 Aug 2018 12:22 am
by tong
window.location is object.
window.location.toString() will return window.location.href and it's text.
We can shorter as location.href.

location.href
location.hostname
location.pathname
location.origin

Code: Select all

window.location = {
	hash: '#myAnchor',
	host: 'davidwalsh.name:80',
	hostname: 'davidwalsh.name',
	href: 'https://davidwalsh.name:80/article.php?s=david+walsh+blog#myAnchor',
	origin: 'https://davidwalsh.name:80',
	pathname: '/article.php',
	port: '80',
	protocol: 'http:',
	search: '?s=david+walsh+blog',
	assign: 'function assign() { [native code] }',
	reload: 'function reload() { [native code] }'
	replace: 'function replace() { [native code] }',
}

window.alert('text'); or alert('text');
window.open('text'); or open('text');

Re: Bookmarklet

Posted: Fri 14 Sep 2018 3:43 pm
by tong
Copy selection text to clipboard

Code: Select all

javascript: (function(){
	let text = document.getSelection().toString();

	if (text)
	{
		let textarea = document.createElement('textarea');
		document.body.appendChild(textarea);
		textarea.value = text;
		textarea.select();
		document.execCommand('copy');
		document.body.removeChild(textarea);
	}
})();

Re: Bookmarklet

Posted: Fri 30 Oct 2020 5:28 pm
by tong
New standard use document.location

Re: Bookmarklet

Posted: Sat 12 Nov 2022 9:54 pm
by tong
Copy text V2

Re: Bookmarklet

Posted: Sat 12 Nov 2022 10:04 pm
by tong
Problem 1 : No icon on bookmarket

Since the bookmark URL is javascript code which don't point to any webpage, so Chrome can't get the favicon.
The easy way to fix is use export/import bookmark method.
When you exported the bookmark, the output data is just simple HTML code.
Just add the ICON attribute into an Anchor tag. The value has to be data URI scheme data:[<media type>][;base64],<data>.
You can generate at https://base64.guru/converter/encode/image or just bookmark your target webpage and then export the bookmark.

Code: Select all

<A HREF="javascript: (function(){ alert('Testing') })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAACiElEQVQ4jQXBvW8URxgH4N/7zsx+3vkOfOYwhzHgSMESjlCQQFRRUiCBklBRpU2TPyFVREGJ6ClRKsoUqSJFSoHEVwEkCIHMCbAD8ge+3N3u7O7szJvnod6V26p3qm4aIiIAoCCCIJ2MEKvRRt6M7ct/bNZlnUfVx7HuHFlzw6/aslSKRSBBEi395WwwjO1ifHYd9a4rxs1gTffW4vGd33Vb2wVVEFfOcxyxSjQvdZtB/smAGqn3WrdMwzN5nHhOgjnBeu6NRyd0kjklkhqdKZNQv3QUeQnxm31FCuxCm4s6yqFR2kpUuBxiYRg1GSOHiwO7M1Mr3c/WI99i5xPFESxTEigE0vCC1jN5CpQQLdlZsTsrHQ6LaKatORZJdCnfDeRdwAsHralN2An5nm5QVlPrAylQSMVXlUxqurbqr65iJcfPM7ROdFf7Q2ldNN7bal55xcwQY+j8Cf3ay9VjYd/K0x3aWggF45wCi4hiz21R1F4xi0gScabl74+yZ/nGRRp1lGH8O6ObR3A5Fx0gezPvamFmxRCRPKa6pse78bXTNFrgXy5gUoFEeiluTUU7DwQyigTIIpQN7U/d8iBBjEVuACOCfsLBeycIgTQRiDCrQgAvpJQYcp77Kdx02szySR351htFtsUwl8+7oiHUevn2i+S/Ci+2nROlNbYmcqxvvt9I/xq3S3mwLX1zkkH06gC6asPFkbr746HIqHuPqt+et5MG178068t6tU9GiRd8mIdfn/kn792fY6dDqX76epCnAPDDpfzkUZxbQa6xPceoAwAfSkQZ7j2YPj7I4jTTunr78P4f2y8FgG1kc8dvHDeNl6kNg46a1/LuwA97qtosm30jk83/AS6eW9bnIQvRAAAAAElFTkSuQmCC">Testing</A>
Code need to be one liner.
When import the bookmarks, it will update an icon of all matched anchor href bookmarks.

Re: Bookmarklet

Posted: Sat 12 Nov 2022 10:11 pm
by tong
Problem 2 : Bookmarklet don't work in the new tab or chrome://

javascript bookmarklet does not work in new tab in chrome
https://stackoverflow.com/questions/56793918/javascript-bookmarklet-does-not-work-in-new-tab-in-chrome

JS bookmark does not work with the "new tab" page.
https://bugs.chromium.org/p/chromium/issues/detail?id=98871

It's security that javascript can run only in console of the new tab. This can be fix by wrap the code in data URI scheme data:[<media type>][;base64],<data>. Again use export/import bookmark method.

Code: Select all

<A HREF="data:text/html,<script> (function(){ alert('Testing 2') })(); </script>" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAACiElEQVQ4jQXBvW8URxgH4N/7zsx+3vkOfOYwhzHgSMESjlCQQFRRUiCBklBRpU2TPyFVREGJ6ClRKsoUqSJFSoHEVwEkCIHMCbAD8ge+3N3u7O7szJvnod6V26p3qm4aIiIAoCCCIJ2MEKvRRt6M7ct/bNZlnUfVx7HuHFlzw6/aslSKRSBBEi395WwwjO1ifHYd9a4rxs1gTffW4vGd33Vb2wVVEFfOcxyxSjQvdZtB/smAGqn3WrdMwzN5nHhOgjnBeu6NRyd0kjklkhqdKZNQv3QUeQnxm31FCuxCm4s6yqFR2kpUuBxiYRg1GSOHiwO7M1Mr3c/WI99i5xPFESxTEigE0vCC1jN5CpQQLdlZsTsrHQ6LaKatORZJdCnfDeRdwAsHralN2An5nm5QVlPrAylQSMVXlUxqurbqr65iJcfPM7ROdFf7Q2ldNN7bal55xcwQY+j8Cf3ay9VjYd/K0x3aWggF45wCi4hiz21R1F4xi0gScabl74+yZ/nGRRp1lGH8O6ObR3A5Fx0gezPvamFmxRCRPKa6pse78bXTNFrgXy5gUoFEeiluTUU7DwQyigTIIpQN7U/d8iBBjEVuACOCfsLBeycIgTQRiDCrQgAvpJQYcp77Kdx02szySR351htFtsUwl8+7oiHUevn2i+S/Ci+2nROlNbYmcqxvvt9I/xq3S3mwLX1zkkH06gC6asPFkbr746HIqHuPqt+et5MG178068t6tU9GiRd8mIdfn/kn792fY6dDqX76epCnAPDDpfzkUZxbQa6xPceoAwAfSkQZ7j2YPj7I4jTTunr78P4f2y8FgG1kc8dvHDeNl6kNg46a1/LuwA97qtosm30jk83/AS6eW9bnIQvRAAAAAElFTkSuQmCC">Testing 2</A>
Code need to be one liner.

Re: Bookmarklet

Posted: Sat 12 Nov 2022 10:12 pm
by tong
Problem 3 : Data URI scheme script don't work with document body

Forget the solution 2 and install a customize new tab extension.

Code: Select all

Custom New Tab URL
https://chrome.google.com/webstore/detail/custom-new-tab-url/mmjbdbjnoablegbkcklggeknkfcjkjia

New Tab Redirect
https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna

Change New Tab
https://chrome.google.com/webstore/detail/change-new-tab/mocklpfdimiadpbgamlgehpgpodggahe
Then set to about:blank
All times are UTC+07:00
Page 1 of 1

Powered by phpBB® Forum Software © phpBB Limited