ブラウザにブックマークしておけば、必要なときに呼び出して使えるのが「ブックマークレット」です。オススメのブックマークレット「15選」をご紹介します。(2017/08/27作成)
Pexels / Pixabay
ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである。 携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。(出典: Wikipedia)
1.便利ツール系
Create QR
訪問先サイトの「QRコード」を生成します。
javascript:(function()%7B window.open('https://www.offline-net.com/sample/qr/index.php?url='+encodeURIComponent(location.href)); %7D)();
SEOチェキ!
訪問先サイトを「SEOチェキ!」でサイト調査・検索順位チェックします。
javascript:q=location.href;if(q)window.open('http://seocheki.net/site-check.php?u='+encodeURIComponent(q));eval();
Translate it
訪問先サイトを「Google 翻訳」で翻訳します。
javascript:(function()%7B window.open('https://translate.google.com/translate?u='+encodeURIComponent(location.href)); %7D)();
Google site:
訪問先サイトをGoolge検索「site:」します。
javascript:(function()%7B window.open('https://www.google.co.jp/search?q=site%3A'+encodeURIComponent(location.href)); %7D)();
Google cache:
訪問先サイトをGoolge検索「cache:」します。
javascript:(function()%7B window.open('https://www.google.com/search?q=cache:'+encodeURIComponent(location.href)); %7D)();
archive.is
訪問先サイトを「archive.is」で webpage captureします。
javascript:void(open('https://archive.is/?run=1&url='+encodeURIComponent(document.location)))
Go Wayback
訪問先サイトを「Internet Archive」で go waybackします。
javascript:(function()%7B window.open('http://web.archive.org/web/*/'+location.href); %7D)();
2.速度と構造
Test with GTmetrix
訪問先サイトを「GTmetrix」でサイト速度を計測します。
javascript:(function(d)%7Bvar%20f%3Dd.createElement(%27form%27)%3Bf.action%3D%27https://gtmetrix.com/analyze.html%3Fbm%27%3Bf.method%3D%27post%27%3Bvar%20i%3Dd.createElement(%27input%27)%3Bi.type%3D%27hidden%27%3Bi.name%3D%27url%27%3Bi.value%3Ddocument.location.href%3Bf.appendChild(i)%3Bd.body.appendChild(f)%3Bf.submit()%3B%7D)(document)%3B
Run Page Speed Insights
訪問先サイトを「Page Speed Insights」でサイト速度を計測します。
javascript:(function()%7B window.open('https://developers.google.com/speed/pagespeed/insights/?url='+encodeURIComponent(location.href)); %7D)();
Run Page Speed Insights のブックマークレット
Run Mobile friendly Test
訪問先サイトを「Mobile friendly Test」でモバイルフレンドリーであるか検証します。
javascript:(function()%7B window.open('https://search.google.com/search-console/mobile-friendly?utm_source=psi&utm_medium=link&utm_campaign=psi-ux-banner&hl=ja-JP&url='+encodeURIComponent(location.href)); %7D)();
Run Mobile friendly Test のブックマークレット
Run Structured Data Test
訪問先サイトを「Structured Data Test」で構造化データの検証します。
javascript:(function()%7B window.open('https://search.google.com/structured-data/testing-tool?hl=ja#url='+encodeURIComponent(location.href)); %7D)();
Run Structured Data Test のブックマークレット
Run FB Sharing Debugger
訪問先サイトを「FB Sharing Debugger」でOGP(Open Graph Protocol)データの検証します。
javascript:(function()%7B window.open('https://developers.facebook.com/tools/debug/sharing/?q='+encodeURIComponent(location.href)); %7D)();
Run FB Sharing Debugger のブックマークレット
Pingdom RUM Performance
訪問先サイトを「Pingdom」でサイト速度を計測します。
javascript:(function(d,s,id){var b=document.getElementsByTagName("script")[0],a=document.createElement(s);a.type="text/javascript";a.id=id;a.async=true;a.charset="UTF-8";a.src="//my.pingdom.com/widgets/rum-mini/widget.js";b.parentNode.insertBefore(a,b);})(document,"script","pingdom-widget-js-rummini");
Pingdom RUM Performance のブックマークレット
3.競合比較
Open in SimilarWeb
訪問先サイトを「SimilarWeb」で競合サイトのアクセス解析や類似サイトのアクセスを比較します。
javascript:var strurl%3Ddocument.location.href.match(/%5E%5Bhttps%5D%2B:%5C/%7B2,3%7D(%5B0-9a-z%5C.%5C-:%5D%2B%3F):%3F%5B0-9%5D*%3F%5C//i)%5B1%5D%3Bwindow.open(%27https://www.similarweb.com/website/%27%2Bstrurl)%3B
4.脆弱性診断
Run SSL Report
訪問先サイトを Qualys SSL Labs社が提供する、SSL Server Test(SSL脆弱性診断)を使用して、SSLサーバ証明書の設定状況の確認や安全性診断を行います。
javascript:(function()%7B window.open('https://www.ssllabs.com/ssltest/analyze.html?d='+location.href.match(/^https?:\/{2,}(.*?)(?:\/|\?|#|$)/)[1]); %7D)();
以上
