Firefoxユーザーなら、アドオンを使ってこのような作業もサイドバーで行うようなことも可能ですが、どちらにせよコードの編集などは必要となります。
ブログなどの場合、サイト内にある要素の移動を行うとどのような配置バランスになるのかが気になるようなことがよくありますが、それを確認するだけのために何度もこのような作業を繰り返すのは非常に面倒ですね。
「Liquid Page」というブックマークレットを使えば、このような作業を行うことなく、マウスで要素をドラッグ＆ドロップするだけでページ各部のパーツを自在に移動し、配置イメージを確認することができるようになります。
配布ページ中ほどにある[Liquid Page]と書かれたリンクをブックマークツールバーにドラッグ＆ドロップするだけですぐに利用することができるようになっています。
目的のページを表示し、このブックマークレットをクリックすると、以下のような案内と準備完了のダイアログが表示されますので。OKをクリックします。
これで、ページ内の各要要素をマウスでつかんで移動させることができるようになります。
リロードすれば移動した状態を元に戻すことができます。
このように、ツールを使う必要もなく、コードを編集することもなく簡単にウェブページのレイアウトをテストすることができるというブックマークレットです。
ウェブサイトオーナーの方は使ってみてはいかがでしょうか。
ダウンロード：Liquid Page
＜関連記事＞
■Firefoxで表示しているページを自在に編集することができるようになるブックマークレット。
■Firefoxで使える10個の便利なブックマークレット。
■複数のブックマークレットを一つのブックマークレットに集約できる「Bookmarklet Combiner」
■コマンドを入力して検索やサイトアクセスができるブックマークレット「Quix」
ツイート
