frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

Webサイト構築・運用で実際に使っているブックマークレット9選

スポンサードリンク


スポンサードリンク


ブックマークレットとは?

ブックマークレットはブックマークにjavascriptを保存することでブラウザ上でプログラムを実行できるものです。
Web制作現場では、効率化のため必須になりますので良く使用するブラウザには入れておきましょう。
今回は、自分が仕事上良く使用したブックマークレットを選び抜きましたので、ご紹介します。

ブックマークレット

ブックマークレットの入れ方は簡単です。
以下紹介するブックマークレットにカーソルを合わせ右クリックで「このリンクをブックマーク」をクリック
ブックマークツールバーに入れると常に表示されているので便利です。
f:id:funclur:20160702171927p:plain

下記3つはリンク貼れなかったのでブックマークに追加でURLに以下をコピーしてください。

ローカルからデモヘ、ローカルからデモへの切り替え

javascript:var%20l=location.href;if%20(l.match(/.hogehoge/))%20{l%20=%20l.replace(/.hogehoge/,"");}else{l%20=%20l.replace(/^http:\/\/(.*?)\//,"http://$1.hogehoge/");}location.href=l;

「.hogehoge」を任意のものに変えてください。
例えばabc.hogehogeがデモのurlで、ローカルをバーチャルホスト設定してabcで見れるならボタン一つでデモとローカルが切り換えられます。

前のページ番号に進む

javascript:(function(h,a,s,d,l){a=h.match(/[^\d]*(\d+)[^/\d]*\/?$/);if(!a)return;s=a[1];d=(parseInt(s)-1)+'';if(s.charAt(0)=='0'){l=s.length;d=((new%20Array(l).join('0'))+d).slice(-l)}location.href=h.replace(a[0],a[0].replace(s,d))})(location.href);

次のページ番号に進む

javascript:(function(h,a,s,d,l){a=h.match(/[^\d]*(\d+)[^/\d]*\/?$/);if(!a)return;s=a[1];d=(parseInt(s)+1)+'';if(s.charAt(0)=='0'){l=s.length;d=((new%20Array(l).join('0'))+d).slice(-l)}location.href=h.replace(a[0],a[0].replace(s,d))})(location.href);

以上、ブックマークレットで快適なWeb制作を!