読者です 読者をやめる 読者になる 読者になる

はてな村定点観測所

運動、瞑想、睡眠、野菜350g

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

   

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

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

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

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');

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})();

netcraft

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

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

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();

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)();

はてなブックマーク

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

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レスポンスヘッダーを表示します。

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

ブックマークレットを置いておきます

今までご紹介したブックマークレットのリンクを置いておきます。これをスマホの場合は長押し、パソコンの場合はドラッグや右クリックすればブックマークレットとして追加できると思います。ブックマークレットで快適なインターネットライフを!