レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」

Ads

Responsively

ResponsivelyはRWDの開発に特化したWebブラウザです。オープンソースとしてソースコードも公開されています

各スマホのデバイスやタブレット、PCなど異なるデバイスでどのように表示されるかを一括確認できる、というもの

Electronベースとなっています。試しに使ってみました

Ads


こんな感じで設定した各デバイスで指定したWebページが表示されます。スクロールやページの移動は全ウィンドウで連動しています。


↑ インスペクタもついており、その場で編集、表示確認等を行う事が出来ます


↑ また、全デバイスのフルスクリーンショットもワンクリックで可能となっています。もちろん各デバイス単位でも撮影可能。撮影されたSSはドメイン、日付、撮影した時間を名前としたファイル名やフォルダ名で保存されますので上書きする心配もありません

尚、デバイスはかなりの量が用意されているのでお好みに合わせてウィンドウを追加する事が出来ます

更にホットリロード機能も搭載されているのでソースに変更があるとリロードせずとも自動で新しいソースに基づいた表示に切り替わります

ライセンス表記はありませんでしたが、Product huntで開発者が永久にフリーでオープンソースだと書いてますので再配布等をお考えでしたらライセンスを聞いてみてください

ResponsivelyOn Github