ブラウザ

今すぐ使える便利なブックマークレット集|コピペで動くコード付き

すぐにコピペで使える、実用的なブックマークレットを厳選して紹介します。動画のダウンロードや投稿の一括削除など、配布元によって動作やサービス規約への抵触リスクが変わりやすいものはあえて含めず、長く安全に使える定番のものだけをまとめました。

各項目のリンクは、パソコンのブラウザであればそのままブックマークバーへドラッグ&ドロップするだけで登録できます。コードのほうは、コピー&ペーストで登録したいとき(スマートフォンなど)にお使いください。登録方法がわからない方はパソコン版iPhone版Android版の使い方ページを先にご覧ください。

選択したテキストの文字数をカウントする

フォームの文字数制限を確認したいときなどに便利です。

📌 文字数カウントのブックマークレットをドラッグ&ドロップで登録

javascript:(function(){var t=window.getSelection().toString();alert(t?t.length+'文字':'テキストが選択されていません');})();

ページ全体をGoogle翻訳で開く

今見ているページ全体を日本語訳で開き直します。

📌 ページ翻訳のブックマークレットをドラッグ&ドロップで登録

javascript:location.href='https://translate.google.com/translate?sl=auto&tl=ja&u='+encodeURIComponent(location.href);

注意:このブックマークレットは今見ているページのURLをGoogleへ送信します。ログイン後のマイページや決済画面など、URLに個人情報が含まれる可能性があるページでは使わないようにしましょう。

はてなブックマークに登録する

はてなブックマークが公式に配布しているものと同じ仕組みのコードです。

📌 はてなブックマーク登録のブックマークレットをドラッグ&ドロップで登録

javascript:(function(){var d=(new Date);var s=document.createElement('script');s.charset='UTF-8';s.src='https://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})();

Amazonの商品ページからKeepaで価格推移を確認する

Amazon.co.jpの商品ページを開いた状態でクリックすると、その商品のKeepa(価格推移グラフ)のページを新しいタブで開きます。

📌 Keepa価格チェックのブックマークレットをドラッグ&ドロップで登録

javascript:(function(){if(location.hostname.indexOf('amazon.co.jp')!==-1){var m=location.href.match(//(?:dp|gp/product)/([A-Z0-9]{10})/);if(m){window.open('https://keepa.com/#!product/5-'+m[1]);}else{alert('商品ページが見つかりません');}}else{alert('Amazon.co.jpの商品ページで実行してください');}})();

現在のページのURLとタイトルをMarkdown形式でコピーする

ブログや議事録の執筆時に、参照リンクをそのまま貼り付けられて便利です。

📌 Markdownコピーのブックマークレットをドラッグ&ドロップで登録

javascript:(function(){navigator.clipboard.writeText('['+document.title+']('+location.href+')');alert('Markdown形式でコピーしました');})();

固定ヘッダーなどを一時的に非表示にして読みやすくする

画面に張り付いて動かないヘッダーやフッターを一時的に消し、文字も少し大きくして読みやすくします。

📌 読みやすさ改善のブックマークレットをドラッグ&ドロップで登録

javascript:(function(){document.querySelectorAll('*').forEach(function(el){if(getComputedStyle(el).position==='fixed'){el.style.display='none';}});document.body.style.fontSize='120%';document.body.style.lineHeight='1.8';})();

ページのソースコードを新しいタブで表示する

ちょっとしたHTML構造の確認に便利です。

📌 ソース表示のブックマークレットをドラッグ&ドロップで登録

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

作り方・登録方法

まとめ

今回紹介したブックマークレットは、パソコンならリンクをブックマークバーへドラッグ&ドロップするだけで、スマートフォンならコードをコピーしてブックマークのURL欄に貼り付けるだけで使えます。まずは文字数カウントやMarkdownコピーなど、シンプルなものから試してみてください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA