<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>bookmarklet &amp;mdash; mistynotes</title>
    <link>https://mistynotes.nl/tag:bookmarklet</link>
    <description>&lt;a rel=&#34;me&#34; style=&#34;display:none&#34; href=https://mastodon.nl/@shockingGreen&gt; &lt;/a&gt;</description>
    <pubDate>Wed, 15 Apr 2026 20:39:26 +0000</pubDate>
    <image>
      <url>https://i.snap.as/0cCCMkfc.png</url>
      <title>bookmarklet &amp;mdash; mistynotes</title>
      <link>https://mistynotes.nl/tag:bookmarklet</link>
    </image>
    <item>
      <title>Koekjes eten en de krant lezen</title>
      <link>https://mistynotes.nl/koekjes-eten-en-de-krant-lezen?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img alt=&#34;Krant en koekjes&#34; src=&#34;https://i.snap.as/uYHe8dS7.jpg&#34; class=&#34;img_main&#34;/&#xA;&#xA;&#34;Eetlezen&#34; is een term die zo&#39;n dertig jaar geleden in zwang was om aan te duiden dat je &#34;gezellig&#34; met de krant op tafel aan het eten was. Ik heb zelf nog steeds een grote brede tafel die daar uitermate geschikt voor is. Die situatie komt echter steeds minder voor, en kan tegenwoordig wellicht beter vervangen worden door &#34;eetscrollen&#34;. Nu de term eetlezen weer vrij is van betekenis, kunnen we er een nieuwe aan hechten: koekjes eten en de krant lezen. &#xA;!--more--&#xA;&#xA;Bedachtzaam op linkjes klikken&#xA;&#xA;Er zijn van die lui die op social media interessante links delen, waarvan ze weten dat die achter een betaalmuur staan. Het is steeds weer irritant als je tegen die muur aanloopt. Vooral columnisten of &#34;vriendjes van&#34; doen dat, kennelijk om de mensen aan te sporen een abonnement te nemen op hun krant. Maar is dit wel zo&#39;n goede reclame, als de eerste aanblik van zo&#39;n website alleen maar irritatie veroorzaakt? &#xA;Ik lees iedere vrijdag de Brexitblog, en deze meneer zet in zijn links met een betaalmuur meteen een £-teken. (En geen dollar- of euroteken, zoals een goed Engelsman betaamt.) Zo zie je meteen wat de situatie is, en hoef je niet op die link te klikken, en die irritatie te ondergaan. Het zou wel aardig zijn als dat meer navolging zou krijgen. Ik zal dat in het vervolg ook gaan doen, maar dan met een euro-teken uiteraard. &#xA;&#xA;Oplossingen&#xA;&#xA;De betaalmuur is een bekend verschijnsel, maar dat wil niet zeggen dat we het zomaar hoeven te accepteren. Ondertussen heeft iedereen wel zo zijn of haar eigen oplossingen bedacht. Ontvolgen van die &#34;irries&#34;, het artikel dan maar niet lezen, proberen of je in het privé-venster het artikel wel kunt lezen, gewoon de cookies verwijderen, door op het slotje de klikken en dan nog een paar keer door te klikken. Of een abonnement op de krant nemen. Dat laatste heb ik ook wel gedaan, op drie zelfs, maar om nou op alle kranten een abonnement te nemen, dat gaat mij wel te ver voor die paar keer dat ik achter zo&#39;n muurtje wil kijken.  &#xA;&#xA;Cookiemonster&#xA;&#xA;Mijn oplossing wil ik graag delen, voor de mensen die al een abonnement op één of twee kranten hebben, maar die af en toe geinteresseerd zijn in een artikel van een krant waar ze niet op geabonneerd zijn. &#xA;Bladwijzer bewerken &#xA;Hiervoor zijn twee dingen nodig. Een bookmarklet, die ervoor zorgt dat je de cookies op de website verwijdert, en daarna de pagina ververst. Dit kun je ook handmatig doen met een viertal klikken, maar één keer klikken is toch wel handiger. De bookmarklet maak je door een bookmark aan te maken en in het url-gedeelte de volgende code te kopieren:&#xA;javascript: (function() {&#xA;    var cookies = document.cookie.split(&#34;; &#34;);&#xA;    for (var c = 0; c &lt; cookies.length; c++) {&#xA;        var d = window.location.hostname.split(&#34;.&#34;);&#xA;        while (d.length   0) {&#xA;            var cookieBase = encodeURIComponent(cookies[c].split(&#34;;&#34;)[0].split(&#34;=&#34;)[0]) + &#34;=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=&#34; + d.join(&#34;.&#34;) + &#34; ;path=&#34;;&#xA;            var p = location.pathname.split(&#34;/&#34;);&#xA;            document.cookie = cookieBase + &#34;/&#34;;&#xA;            while (p.length   0) {&#xA;                document.cookie = cookieBase + p.join(&#34;/&#34;);&#xA;                p.pop();&#xA;            }&#xA;            d.shift();&#xA;        }&#xA;    }&#xA;    location.reload(true);&#xA;})();&#xA;&#xA;Overigens heb ik het cookie-verwijderscript van stackoverflow, want zelf weet ik daar maar weinig van.  &#xA;En het tweede gereedschap is er al: de lezersweergave (f9) die bij veel kranten als service in de locatiebalk te voorschijn komt als je naar een artikel navigeert.&#xA;Lezersweergave &#xA;Deze lezersweergave haalt de opmaak van de krant weg en je zult het artikel niet helemaal als origineel te zien krijgen, maar als je in de inhoud geinteresseerd bent, dan hoeft dat geen probleem te zijn. Deze lezersweergave vergeet kennelijk een of andere betaalmuur-check te doen.&#xA;&#xA;Lijstje&#xA;&#xA;Met deze twee knopjes of een combinatie van beide is het mogelijk om op een comfortabele manier koekjes te eten en de krant te lezen, zonder het privé-venster te hoeven openen. Hier is een lijstje van kranten, met de manier om de koekjes te eten. Hoe de kranten precies georganiseerd zijn weet ik niet, maar ik merk wel dat bijvoorbeeld het AD en de Gelderlander dezelfde opmaak en dezelfde betaalmuur hebben. Ook bij Trouw en de Volkskrant zie ik overeenkomsten. De bookmarklet noem ik in dit lijstje: EatCookiesAndRefresh.&#xA;&#xA;De Gelderlander: knopje EatCookiesAndRefresh;&#xA;Algemeen Dagblad: knopje EatCookiesAndRefresh;&#xA;De Volkskrant: Switch naar lezersweergave en daarna het knopje  EatCookiesAndRefresh. Hier kun je ook, als je van spelletjes houdt,  het spelletje met refresh (f5)   en daarna esc spelen. Waarbij je bij esc precies het moment moet vinden dat het betaalmuurscript nog niet geladen is. Maar dat is natuurlijk wat omslachtig.&#xA;Trouw: Switch naar lezersweergave en daarna EatCookiesAndRefresh; &#xA;NRC: Switch naar lezersweergave en daarna EatCookiesAndRefresh;&#xA;The Guardian: mijn favoriet, je kunt gewoon lekker lezen hier, en geef een kleine bijdrage als je er veel gebruik van maakt.&#xA;&#xA;Abonnement&#xA;&#xA;Dit werkt bij de meeste kranten die ik tegenkom en voorlopig ben ik er tevreden mee. Bij kranten waar je niet de eerste artikelen gratis kunt lezen, maar moet inloggen als abonnee, zal dit waarschijnlijk niet werken. &#xA;Als jij merkt dat je bij het klikken op links vaak bij een bepaalde krant terechtkomt om artikelen te lezen, overweeg dan toch een abonnement. Kennelijk heb je dan een ook een echte &#34;klik&#34; met die krant, en is het tijd om er een band mee aan te gaan. De goedkoopste abonnementen zijn ongeveer twee euro per week. Zo&#39;n abonnement haalt alleen de betaalmuur voor je weg. Je krijgt geen papieren krant, of een digitale krant in pdf-formaat, maar daarmee kun je dan wel met een goed gevoel de krant lezen, en er echte koekjes bij gaan eten.&#xA;&#xA;###### #betaalmuur #bookmarklet&#xA; &#xA;&#xA;]]&gt;</description>
      <content:encoded><![CDATA[<p><img alt="Krant en koekjes" src="https://i.snap.as/uYHe8dS7.jpg" class="img_main"/></p>

<p>“Eetlezen” is een term die zo&#39;n dertig jaar geleden in zwang was om aan te duiden dat je “gezellig” met de krant op tafel aan het eten was. Ik heb zelf nog steeds een grote brede tafel die daar uitermate geschikt voor is. Die situatie komt echter steeds minder voor, en kan tegenwoordig wellicht beter vervangen worden door “eetscrollen”. Nu de term eetlezen weer vrij is van betekenis, kunnen we er een nieuwe aan hechten: koekjes eten en de krant lezen.
</p>

<h2 id="bedachtzaam-op-linkjes-klikken" id="bedachtzaam-op-linkjes-klikken">Bedachtzaam op linkjes klikken</h2>

<p>Er zijn van die lui die op social media interessante links delen, waarvan ze weten dat die achter een betaalmuur staan. Het is steeds weer irritant als je tegen die muur aanloopt. Vooral columnisten of “vriendjes van” doen dat, kennelijk om de mensen aan te sporen een abonnement te nemen op hun krant. Maar is dit wel zo&#39;n goede reclame, als de eerste aanblik van zo&#39;n website alleen maar irritatie veroorzaakt?
Ik lees iedere vrijdag de <a href="https://chrisgreybrexitblog.blogspot.com/">Brexitblog</a>, en deze meneer zet in zijn links met een betaalmuur meteen een £-teken. (En geen dollar- of euroteken, zoals een goed Engelsman betaamt.) Zo zie je meteen wat de situatie is, en hoef je niet op die link te klikken, en die irritatie te ondergaan. Het zou wel aardig zijn als dat meer navolging zou krijgen. Ik zal dat in het vervolg ook gaan doen, maar dan met een euro-teken uiteraard.</p>

<h2 id="oplossingen" id="oplossingen">Oplossingen</h2>

<p>De betaalmuur is een bekend verschijnsel, maar dat wil niet zeggen dat we het zomaar hoeven te accepteren. Ondertussen heeft iedereen wel zo zijn of haar eigen oplossingen bedacht. Ontvolgen van die “irries”, het artikel dan maar niet lezen, proberen of je in het privé-venster het artikel wel kunt lezen, gewoon de cookies verwijderen, door op het slotje de klikken en dan nog een paar keer door te klikken. Of een abonnement op de krant nemen. Dat laatste heb ik ook wel gedaan, op drie zelfs, maar om nou op alle kranten een abonnement te nemen, dat gaat mij wel te ver voor die paar keer dat ik achter zo&#39;n muurtje wil kijken.</p>

<h2 id="cookiemonster" id="cookiemonster">Cookiemonster</h2>

<p>Mijn oplossing wil ik graag delen, voor de mensen die al een abonnement op één of twee kranten hebben, maar die af en toe geinteresseerd zijn in een artikel van een krant waar ze niet op geabonneerd zijn.
<img src="https://i.snap.as/zGvcSTzB.png" alt="Bladwijzer bewerken"/>
Hiervoor zijn twee dingen nodig. Een <a href="https://mistynotes.nl/wat-was-er-op-tv-gisteren">bookmarklet</a>, die ervoor zorgt dat je de cookies op de website verwijdert, en daarna de pagina ververst. Dit kun je ook handmatig doen met een viertal klikken, maar één keer klikken is toch wel handiger. De bookmarklet maak je door een bookmark aan te maken en in het url-gedeelte de volgende <a href="https://pastebin.com/suH2JHi9">code</a> te kopieren:</p>

<pre><code>javascript: (function() {
    var cookies = document.cookie.split(&#34;; &#34;);
    for (var c = 0; c &lt; cookies.length; c++) {
        var d = window.location.hostname.split(&#34;.&#34;);
        while (d.length &gt; 0) {
            var cookieBase = encodeURIComponent(cookies[c].split(&#34;;&#34;)[0].split(&#34;=&#34;)[0]) + &#34;=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=&#34; + d.join(&#34;.&#34;) + &#34; ;path=&#34;;
            var p = location.pathname.split(&#34;/&#34;);
            document.cookie = cookieBase + &#34;/&#34;;
            while (p.length &gt; 0) {
                document.cookie = cookieBase + p.join(&#34;/&#34;);
                p.pop();
            }
            d.shift();
        }
    }
    location.reload(true);
})();
</code></pre>

<p>Overigens heb ik het cookie-verwijderscript van <a href="https://stackoverflow.com/questions/595228/how-can-i-delete-all-cookies-with-javascript">stackoverflow</a>, want zelf weet ik daar maar weinig van.<br/>
En het tweede gereedschap is er al: de lezersweergave (<code>f9</code>) die bij veel kranten als service in de locatiebalk te voorschijn komt als je naar een artikel navigeert.
<img src="https://i.snap.as/74OH7EGc.png" alt="Lezersweergave"/>
Deze lezersweergave haalt de opmaak van de krant weg en je zult het artikel niet helemaal als origineel te zien krijgen, maar als je in de inhoud geinteresseerd bent, dan hoeft dat geen probleem te zijn. Deze lezersweergave vergeet kennelijk een of andere betaalmuur-check te doen.</p>

<h2 id="lijstje" id="lijstje">Lijstje</h2>

<p>Met deze twee knopjes of een combinatie van beide is het mogelijk om op een comfortabele manier koekjes te eten en de krant te lezen, zonder het privé-venster te hoeven openen. Hier is een lijstje van kranten, met de manier om de koekjes te eten. Hoe de kranten precies georganiseerd zijn weet ik niet, maar ik merk wel dat bijvoorbeeld het AD en de Gelderlander dezelfde opmaak en dezelfde betaalmuur hebben. Ook bij Trouw en de Volkskrant zie ik overeenkomsten. De bookmarklet noem ik in dit lijstje: EatCookiesAndRefresh.</p>
<ul><li>De Gelderlander: knopje EatCookiesAndRefresh;</li>
<li>Algemeen Dagblad: knopje EatCookiesAndRefresh;</li>
<li>De Volkskrant: Switch naar lezersweergave en daarna het knopje  EatCookiesAndRefresh. Hier kun je ook, als je van spelletjes houdt,  het spelletje met <code>refresh</code> (<code>&lt;f5&gt;</code>)   en daarna <code>&lt;esc&gt;</code> spelen. Waarbij je bij <code>&lt;esc&gt;</code> precies het moment moet vinden dat het betaalmuurscript nog niet geladen is. Maar dat is natuurlijk wat omslachtig.</li>
<li>Trouw: Switch naar lezersweergave en daarna EatCookiesAndRefresh;</li>
<li>NRC: Switch naar lezersweergave en daarna EatCookiesAndRefresh;</li>
<li>The Guardian: mijn favoriet, je kunt gewoon lekker lezen hier, en geef een kleine bijdrage als je er veel gebruik van maakt.</li></ul>

<h2 id="abonnement" id="abonnement">Abonnement</h2>

<p>Dit werkt bij de meeste kranten die ik tegenkom en voorlopig ben ik er tevreden mee. Bij kranten waar je niet de eerste artikelen gratis kunt lezen, maar moet inloggen als abonnee, zal dit waarschijnlijk niet werken.
Als jij merkt dat je bij het klikken op links vaak bij een bepaalde krant terechtkomt om artikelen te lezen, overweeg dan toch een abonnement. Kennelijk heb je dan een ook een echte “klik” met die krant, en is het tijd om er een band mee aan te gaan. De goedkoopste abonnementen zijn ongeveer twee euro per week. Zo&#39;n abonnement haalt alleen de betaalmuur voor je weg. Je krijgt geen papieren krant, of een digitale krant in pdf-formaat, maar daarmee kun je dan wel met een goed gevoel de krant lezen, en er echte koekjes bij gaan eten.</p>

<h6 id="betaalmuur-bookmarklet" id="betaalmuur-bookmarklet"><a href="https://mistynotes.nl/tag:betaalmuur" class="hashtag"><span>#</span><span class="p-category">betaalmuur</span></a> <a href="https://mistynotes.nl/tag:bookmarklet" class="hashtag"><span>#</span><span class="p-category">bookmarklet</span></a></h6>
]]></content:encoded>
      <guid>https://mistynotes.nl/koekjes-eten-en-de-krant-lezen</guid>
      <pubDate>Sat, 07 Aug 2021 12:05:51 +0000</pubDate>
    </item>
    <item>
      <title>Wat was er op TV gisteren?</title>
      <link>https://mistynotes.nl/wat-was-er-op-tv-gisteren?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img class=&#34;imgmain&#34; alt=&#34;npostart&#34; src=&#34;https://i.snap.as/Ga4hg73a.png&#34;/&#xA;&#xA;Soms kijk ik op de NPO-start website om te zien wat er vanavond op tv is. Dat gaat redelijk snel. Je klikt op gids en selecteert &#34;avond&#34;. img class=&#34;imgright&#34; alt=&#34;Menu naar gisteren scrollen&#34; src=&#34;https://i.snap.as/Bb5Hof6H.png&#34;/&#xA;Vaak wil ik echter terugkijken van wat er gisteravond op tv was. Ik ben namelijk niet echt een nachtbraker. En dan wordt het een beetje moeilijker. Omdat alles is ingesteld op &#34;vandaag&#34; moet je op vandaag klikken en scrollen naar de datum &#34;gisteren&#34;. Het zijn natuurlijk echte luxe-problemen, maar het is leuk om daar eens wat voor te doen. Hoe? Met bookmarklets.&#xA;&#xA;!--more--&#xA;&#xA;Bookmarklets&#xA;&#xA;Bookmarklets zijn geen bookmarks, of bladwijzers voor in je browser, maar ze lijken er wel op. Bookmarks bevatten links naar webpagina&#39;s, en bookmarklets bevatten stukjes javascript-code die een link &#34;on the fly&#34; samenstellen. Zo kun je dus links samenstellen waarin een datum zit, die &#34;vandaag&#34; moet voorstellen. Als je bijvoorbeeld een bookmark hebt gemaakt die de programma&#39;s van vandaag laat zien:&#xA;https://www.npostart.nl/gids?date=2021-04-09&amp;type=tv#evening &#xA;dan is die morgen, of volgende week niet meer geldig. &#xA;Met een bookmarklet kun je dit ondervangen, door met Javascript te laten berekenen welke datum vandaag is, en dit in de link te zetten, als je op de bookmarklet klikt. Hieronder zie je zo&#39;n code-blokje. Schrik niet van deze  javascript-code. Javascript heeft kennelijk geen directe manier om de dag van vandaag samen te stellen. Je zou verwachten dat iets als getDate(&#39;yyyy-mm-dd&#39;)  of %Y-%m-%d zou werken. Dat is niet het geval. Je moet het jaar, de maand en dag apart ophalen en aan elkaar plakken, en daarom ziet het er wat moeilijker uit dan het is. De code voor de bookmarklet zou er dan bijvoorbeeld zo uit kunnen zien:&#xA;javascript:function npo() {&#xA; var date = new Date();&#xA; var y = date.getFullYear(); &#xA; var m = date.getMonth() +1; &#xA; if(m &lt; 10){m = &#39;0&#39; + m;}&#xA; var d = (date.getDate()-1);&#xA; if(d &lt; 10){d = &#39;0&#39; + d;}&#xA; var dag = y + &#34;-&#34; + m + &#34;-&#34; + d;&#xA; return &#39;https://www.npostart.nl/gids?date=&#39;+ dag;&#xA;} window.open(npo(),&#39;self&#39;);&#xA;img class=&#34;imgleft&#34; alt=&#34;Nieuwe bladwijzer&#34;src=&#34;https://i.snap.as/HPU7x6H6.png&#34;/&#xA;Als je met deze code een bookmarklet wil maken, dan klik je met de rechtermuisknop op de bladwijzerwerkbalk en kies je &#34;Nieuwe bladwijzer&#34;. Vul een mooie naam in bij het veldje &#34;Naam&#34; en kopieer de code van hierboven in het veld &#34;locatie&#34;. &#xA;Nieuwe bladwijzer dialoog&#xA;Hiermee zie je dus de tv-gids van gisteren  (var d = (date.getDate()-1)). Je kunt zo ook andere bookmarklets maken. Overal waar een datum in de url staat, kun je een bookmarklet maken door dit stukje te gebruiken en de url aan te passen.&#xA;Tjilp&#xA;Een ander voorbeeld laat zien hoe je een interessante pagina kunt delen met Twitter, zonder gebruik te maken van de standaard mogelijkheden die mensen als share-button op hun website zetten, en waarvan je soms niet precies weet wat die doet. Om zelf zo&#39;n bookmarklet te maken, moet je weten hoe Twitter de link wil hebben, en je moet ook wat verstand hebben van javascript en hoe een site-document is opgebouwd. Dat is soms wel ingewikkeld en daarom heb ik deze van een opensource code community gekopieerd. &#xA;&#xA;javascript:(function(){n=getSelection().anchorNode;if(!n){t=document.title;}else{t=n.nodeType===3?n.data:n.innerText;}t=&#39;“&#39;+t.trim()+&#39;”\n\n&#39;;window.open(https://twitter.com/intent/tweet?text=${encodeURIComponent(t)}${document.location.href})})();&#xA;Nu kun je van een pagina de kop selecteren, of een andere tekst en via deze bookmarklet het artikel &#34;tweeten&#34;. &#xA;&#xA;En meer...&#xA;Omdat bookmarklets javascript uitvoeren als je erop klikt, kun je er ook heel andere zaken mee regelen dan de browser naar een andere site sturen. Je kunt bijvoorbeeld alle tekst van je huidige pagina rood maken, als je dat al zou willen. Of tekst die je geselecteerd hebt sturen naar een vertaal-website, die de geselecteerde tekst vertaalt. Het is een leuke manier om eens met Javascript te spelen en uit te proberen.&#xA;En er zijn heel wat mensen die hun creatieve ideeën hebben uitgevoerd. Zoek eens op github, of andere sites naar &#39;bookmarklet&#39;. Je komt dan wel leuke en handige dingen tegen.&#xA;&#xA;Ik hoef in ieder geval niet meer te scrollen om mijn tv-overzicht van gisteren te zien.&#xA;&#xA;###### #javascript #bookmarklet #browser #hacks&#xA;&#xA;]]&gt;</description>
      <content:encoded><![CDATA[<p><img class="img_main" alt="npostart" src="https://i.snap.as/Ga4hg73a.png"/></p>

<p>Soms kijk ik op de NPO-start website om te zien wat er vanavond op tv is. Dat gaat redelijk snel. Je klikt op gids en selecteert “avond”. <img class="img_right" alt="Menu naar gisteren scrollen" src="https://i.snap.as/Bb5Hof6H.png"/>
Vaak wil ik echter terugkijken van wat er gisteravond op tv was. Ik ben namelijk niet echt een nachtbraker. En dan wordt het een beetje moeilijker. Omdat alles is ingesteld op “vandaag” moet je op vandaag klikken en scrollen naar de datum “gisteren”. Het zijn natuurlijk echte luxe-problemen, maar het is leuk om daar eens wat voor te doen. Hoe? Met bookmarklets.</p>



<h2 id="bookmarklets" id="bookmarklets">Bookmarklets</h2>

<p>Bookmarklets zijn geen bookmarks, of bladwijzers voor in je browser, maar ze lijken er wel op. Bookmarks bevatten links naar webpagina&#39;s, en bookmarklets bevatten stukjes javascript-code die een link “on the fly” samenstellen. Zo kun je dus links samenstellen waarin een datum zit, die “vandaag” moet voorstellen. Als je bijvoorbeeld een bookmark hebt gemaakt die de programma&#39;s van vandaag laat zien:</p>

<pre><code>https://www.npostart.nl/gids?date=2021-04-09&amp;type=tv#evening 
</code></pre>

<p>dan is die morgen, of volgende week niet meer geldig.
Met een bookmarklet kun je dit ondervangen, door met Javascript te laten berekenen welke datum vandaag is, en dit in de link te zetten, als je op de bookmarklet klikt. Hieronder zie je zo&#39;n code-blokje. Schrik niet van deze  javascript-code. Javascript heeft kennelijk geen directe manier om de dag van vandaag samen te stellen. Je zou verwachten dat iets als <code>getDate(&#39;yyyy-mm-dd&#39;)</code>  of <code>%Y-%m-%d</code> zou werken. Dat is niet het geval. Je moet het jaar, de maand en dag apart ophalen en aan elkaar plakken, en daarom ziet het er wat moeilijker uit dan het is. De code voor de bookmarklet zou er dan bijvoorbeeld zo uit kunnen zien:</p>

<pre><code>javascript:function npo() {
 var date = new Date();
 var y = date.getFullYear(); 
 var m = date.getMonth() +1; 
 if(m &lt; 10){m = &#39;0&#39; + m;}
 var d = (date.getDate()-1);
 if(d &lt; 10){d = &#39;0&#39; + d;}
 var dag = y + &#34;-&#34; + m + &#34;-&#34; + d;
 return &#39;https://www.npostart.nl/gids?date=&#39;+ dag;
} window.open(npo(),&#39;_self&#39;);
</code></pre>

<p><img class="img_left" alt="Nieuwe bladwijzer" src="https://i.snap.as/HPU7x6H6.png"/>
Als je met deze code een bookmarklet wil maken, dan klik je met de rechtermuisknop op de bladwijzerwerkbalk en kies je “Nieuwe bladwijzer”. Vul een mooie naam in bij het veldje “Naam” en kopieer de code van hierboven in het veld “locatie”.
<img src="https://i.snap.as/GbH95eF7.png" alt="Nieuwe bladwijzer dialoog"/>
Hiermee zie je dus de tv-gids van gisteren  (<em>var d = (date.getDate()-1)</em>). Je kunt zo ook andere bookmarklets maken. Overal waar een datum in de url staat, kun je een bookmarklet maken door dit stukje te gebruiken en de url aan te passen.</p>

<h2 id="tjilp" id="tjilp">Tjilp</h2>

<p>Een ander voorbeeld laat zien hoe je een interessante pagina kunt delen met Twitter, zonder gebruik te maken van de standaard <a href="https://help.twitter.com/en/using-twitter/add-twitter-share-button">mogelijkheden</a> die mensen als share-button op hun website zetten, en waarvan je soms niet precies <a href="https://www.addthis.com/academy/addthis-click-tracking/">weet</a> wat die doet. Om zelf zo&#39;n bookmarklet te maken, moet je weten hoe Twitter de link wil hebben, en je moet ook wat verstand hebben van javascript en hoe een site-document is opgebouwd. Dat is soms wel ingewikkeld en daarom heb ik deze <a href="https://github.com/codepo8/tweet-this">van een opensource code community</a> gekopieerd.</p>

<pre><code>javascript:(function(){n=getSelection().anchorNode;if(!n){t=document.title;}else{t=n.nodeType===3?n.data:n.innerText;}t=&#39;“&#39;+t.trim()+&#39;”\n\n&#39;;window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(t)}${document.location.href}`)})();
</code></pre>

<p>Nu kun je van een pagina de kop selecteren, of een andere tekst en via deze bookmarklet het artikel “tweeten”.</p>

<h2 id="en-meer" id="en-meer">En meer...</h2>

<p>Omdat bookmarklets javascript uitvoeren als je erop klikt, kun je er ook heel andere zaken mee regelen dan de browser naar een andere site sturen. Je kunt bijvoorbeeld alle tekst van je huidige pagina rood maken, als je dat al zou willen. Of tekst die je geselecteerd hebt sturen naar een vertaal-website, die de geselecteerde tekst vertaalt. Het is een leuke manier om eens met Javascript te spelen en uit te proberen.
En er zijn heel wat mensen die hun creatieve ideeën hebben uitgevoerd. Zoek eens op <a href="https://github.com/search?q=bookmarklet">github</a>, of andere sites naar &#39;bookmarklet&#39;. Je komt dan wel leuke en handige dingen tegen.</p>

<p>Ik hoef in ieder geval niet meer te scrollen om mijn tv-overzicht van gisteren te zien.</p>

<h6 id="javascript-bookmarklet-browser-hacks" id="javascript-bookmarklet-browser-hacks"><a href="https://mistynotes.nl/tag:javascript" class="hashtag"><span>#</span><span class="p-category">javascript</span></a> <a href="https://mistynotes.nl/tag:bookmarklet" class="hashtag"><span>#</span><span class="p-category">bookmarklet</span></a> <a href="https://mistynotes.nl/tag:browser" class="hashtag"><span>#</span><span class="p-category">browser</span></a> <a href="https://mistynotes.nl/tag:hacks" class="hashtag"><span>#</span><span class="p-category">hacks</span></a></h6>
]]></content:encoded>
      <guid>https://mistynotes.nl/wat-was-er-op-tv-gisteren</guid>
      <pubDate>Fri, 09 Apr 2021 05:23:10 +0000</pubDate>
    </item>
  </channel>
</rss>