iPhoneやAndroidで使えるおすすめのブックマークレット７選

Web制作に役立つブックマークレットをご紹介します

パソコンのブラウザだと便利な拡張が多数ありますが、iPhoneやAndroidなどのスマホ・タブレットは拡張のインストールが制限されているのでブックマークレットが便利です。PCでも常時稼働させておく必要がない拡張は、必要な時に都度呼び出せるブックマークレットにした方が普段の閲覧が重くならずに快適になる場合もあります。

普段私が使っているブックマークレットでWeb制作に役立ちそうなものを７個をご紹介します。

f:id:netcraft3:20170515162158p:plain

SimilarWeb

訪問先サイトのアクセス解析情報をSimilarWebで表示できます。

javascript:var%20strurl=document.location.href.match(/^[https]+:\/{2,3}([0-9a-z\.\-:]+?):?[0-9]*?\//i)[1];window.open('http://www.similarweb.com/website/'+strurl,'_top');

SimilarWebのブックマークレット

Wappalyzer

訪問先サイトの開発言語やフレームワークなどの技術情報をWappalyzerで表示します。

javascript:%20(function()%20{%20var%20d%20=%20document,%20e%20=%20d.getElementById('wappalyzer-container')%20;%20if%20(%20e%20!==%20null%20)%20{%20d.body.removeChild(e);%20}%20var%20u%20=%20'https://wappalyzer.com/',%20t%20=%20new%20Date().getTime(),%20c%20=%20d.createElement('div'),%20p%20=%20d.createElement('div'),%20l%20=%20d.createElement('link'),%20s%20=%20d.createElement('script')%20;%20c.setAttribute('id',%20'wappalyzer-container');%20l.setAttribute('rel',%20'stylesheet');%20l.setAttribute('href',%20u%20+%20'css/bookmarklet.css');%20d.head.appendChild(l);%20p.setAttribute('id',%20'wappalyzer-pending');%20p.setAttribute('style',%20'background-image:%20url('%20+%20u%20+%20'images/spinner.gif)%20!important');%20c.appendChild(p);%20s.setAttribute('src',%20u%20+%20'bookmarklet/wappalyzer.js');%20s.onload%20=%20function()%20{%20s%20=%20d.createElement('script');%20s.setAttribute('src',%20u%20+%20'bookmarklet/apps.js');%20s.onload%20=%20function()%20{%20s%20=%20d.createElement('script');%20s.setAttribute('src',%20u%20+%20'bookmarklet/driver.js');%20c.appendChild(s);%20};%20c.appendChild(s);%20};%20c.appendChild(s);%20d.body.appendChild(c);%20})();

Wappalyzerのブックマークレット

netcraft

訪問先サイトのサーバー稼働履歴をnetcraftで表示します。

javascript:q=location.href;if(q)window.open('http://toolbar.netcraft.com/site_report?url='+escape(q));eval();

netcraftのブックマークレット

Whois

訪問先サイトのドメイン所有者情報をANSI Whoisで表示します。

javascript:function%20whois(){var%20url%20=%20location.href;var%20arr1=url.split('/');var%20arr2%20=%20arr1[2].split('.');var%20uri%20=%20arr2[arr2.length-2]+'.'+arr2[arr2.length-1];window.open('http://whois.ansi.co.jp/?key='+uri,'_blank');}whois();

Whoisのブックマークレット

Bitly

訪問先ページの短縮URLをBitlyで表示します。（Bitlyのユーザー登録が必要）

javascript:(function()%20%7B%20var%20s%20=%20document.createElement(%22script%22);%20s.setAttribute(%22id%22,%20%22bitmark_js%22);%20s.setAttribute(%22type%22,%20%22text/javascript%22);%20s.setAttribute(%22src%22,%20%22//bitly.com/a/bitmarklet.js%22);%20(top.document.body%20%7C%7C%20top.document.getElementsByTagName(%22head%22)[0]).appendChild(s);%20%7D)();

Bitlyのブックマークレット

はてなブックマーク

訪問先ページをはてなブックマークに追加します。（はてなブックマークのユーザー登録が必要）

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

はてなブックマークのブックマークレット

HTTPヘッダー

訪問先ページのHTTPレスポンスヘッダーを表示します。HTTPレスポンスヘッダーから訪問先サイトの開発言語やフレームを確認できる場合もあります。

javascript:(function(){function%20read(url){var%20r=new%20XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return%20r.getAllResponseHeaders();}alert(read(window.location))})();