ブックマークレットの登録を手助けするブックマークレット
タイトルままですが、ブックマークレットがjavascript:~~~みたいにべた書きしてある場合、ブックマークレットとして登録するのが面倒なので、
それを登録するためのリンク(よくあるツールバーへD&Dするためのリンク)を作成するブックマークレット。
- [ブックマークレット登録補助][1]
使い方
英語のニュースを読みやすくするブックマークレット – by edvakf in hatena : [http://d.hatena.ne.jp/edvakf/20100115/1263539415][2]
上を例にしてみると
[][3]
- べた書きされたブックマークレットのコード部分だけを選択する
- ブックマークレット登録補助ブックマークレットを実行
- プロンプトが出るので、登録するブックマークレットのタイトルをいれる(英語のニュースを読みやすくするとか)
- 選択範囲のすぐしたにいれたタイトルでリンクができるので、それをブックマークレットツールバーへD&Dする。
以上
(function(){ function insertAfter(newNode, node) { return node.parentNode.insertBefore(newNode, node.nextSibling); } var selection = getSelection(); if (!selection.rangeCount) return false; var range = selection.getRangeAt(0); var endNode = range.endContainer; var a =document.createElement("a"); a.href = range; var str = document.createTextNode(prompt("ブックマークレットタイトル")); a.appendChild(str); insertAfter(a,endNode); })();
[1]: javascript:(function(){function insertAfter(newNode,node){return node.parentNode.insertBefore(newNode,node.nextSibling);}var selection=getSelection();if(!selection.rangeCount)return false;var range=selection.getRangeAt(0);var endNode=range.endContainer;var a=document.createElement(“a”);a.href=range;var str=document.createTextNode(prompt(“ブックマークレットタイトル”));a.appendChild(str);insertAfter(a,endNode);})(); [2]: http://d.hatena.ne.jp/edvakf/20100115/1263539415 “英語のニュースを読みやすくするブックマークレット - by edvakf in hatena” [3]: https://efcl.info/wp-content/uploads/2010/01/sshot-2010-01-15-1.png
お知らせ欄
JavaScript Primerの書籍版がAmazonで購入できます。
JavaScriptに関する最新情報は週一でJSer.infoを更新しています。
GitHub Sponsorsでの支援を募集しています。