ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

スマホやタブレットなど各デバイス画面をPCで見るならScreenflyがイチオシ!

      2014/04/26

140425_2301

以前、スマホ画面をPC上で見るために便利なウェブサービスを紹介しました。

Responsive Web Design Testing Tool

・VIEWPORT RESIZER(上記記事にて紹介)

Mobilizer

・Responsinator

どれも優れていて便利に使用させてもらっていたんですけど、最近より多くのデバイスに対応して、動作もサクサクなウェブサービスを見つけました。

それがScreenflyです。

スポンサーリンク

140425_2201

 

Screenflyの特徴

デスクトップモニター画面を確認できる(Desktop)

正直そこまで必要?と思うくらい表示可能なPC画面があります。10インチから24インチと幅広くとっても豊富です。この機能はあまり使わないかも・・・

10インチのラップトップを使用している人が大きめの画面で見るにはちょうどいいかもしれませんね。

140425_2203

 

タブレット画面を確認できる(Tablet)

他のサービスではないようなKindleやGoogle Nexusがあるのでタブレット画面の確認をしたい場合には重宝します。

140425_2204

 

スマホ画面を確認できる(Mobile)

極論、iPhoneとAndorid(Galaxy)さえ表示できればOKです。日本だとモトローラやブラックベリーを持っている人はほぼいないので気にする必要はありませんね。
140425_2205

テレビ画面を確認できる(Television)

これは要らないと思いますが、テレビの解像度もしっかりあるみたいです。まず使わないのでスルーしちゃいます。140425_2206

 

解像度を好きに変えられる(Custom Screen Size)

今までデスクトップ、タブレット、スマホ画面などが変えられますが、自分が求めている解像度がなければお好みで変えられます。

140425_2207

 

更新(Refresh)

記事を更新、修正したらScreenfly画面で「Refresh」ボタンを押せば、更新されます。動作がとっても軽いので助かります。

 

画面変更(Rotate Screen)

画面の縦横を変更できます。

 

スクロールバー(Allow Scrolling)

デフォルトではスクロールバーがないんですけど、「Allow Scrolling」をクリックするとスクロールバーが表示されます。

 

Use Proxy Server

細かい仕様はわからないです。

テーマ「Stinger3」をScreenflyでスマホ表示していてもなぜだかPC画面のままなんですが、「Use Proxy Server」をクリックするとスマホ表示になります。理由は分かりませんが助かります。

 

URL発行(Share)

「Share」をクリックすると、サイトをScreenflyで見ている状態でのURLが発行されます。こんな感じです。
http://quirktools.com/screenfly/#u=http%3A//hi-linx.net/&w=1024&h=600&a=1&p=1

 

Screenflyのメリット

・とにかく表示できる画面が豊富

・動作が軽くイライラしない

 

Screenflyのデメリット

・PC上でのフォントサイズがスマホでも同じフォントで表示される場合がある

・広告は表示されません(テキストコピーすると青く表示されるので場所はわかります)

 

Screenflyの使い方

http://quirktools.com/screenfly

URLを入力してGO!!

140425_2201

 

上にメニューバーがあるので、あとはお好みで表示設定していきましょう。

140425_2202

 

まとめ

Screenflyはスマホやタブレットなどの各デバイスをPC上で確認できるウェブサービスです。

Responsive Web Design Testing ToolやMobilizerなどと違って動作も軽くサクサク動くのでオススメです。一度試してみてくださいね。

 - ウェブサービス


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

131205_2221
【IFTTT(イフト)】WordPressプラグイン不要でTwitterやfacebookに自動投稿する方法

IFTTTは「If This Then That」ということだ!・・・まったく意 …

medium_7463062672
Dropboxのアップロード速度が遅い!そんなときに設定するたった一つのこと

クラウドストレージの先駆けといったらDropboxじゃないでしょうか?クラウドス …

131216_2179
短縮URL作成サービス一覧!

国際化ドメイン名のURLならそれほど長ったらしくなりませんが、かたや日本語ドメイ …

credit: oskay via FindCC
Kindleでエラーが発生して書籍が読めない!?どうやらアクティベーションが問題

Kindleを購入してから、書籍は紙媒体ではなくほぼ電子書籍として読んでいます。 …

131122_1901
Feedly登録用ボタンを作成しWordPress・ブログに設置する方法!

Google Readerが終了してからはいくつかのRSSサービスを試してみまし …

medium_2659936106
ちょっとした自慢!独自ドメインメールの取得方法(エックスサーバー)!

独自ドメインを取得すると独自ドメインメールを使用することができるんですよね。最初 …

medium_536581799
CSS知識が無くても「見出し」をあっという間に作成できるCSS見出しジェネレータ

無料テンプレートに限らず、有料のテンプレートでもデフォルトの見出しスタイルが気に …

medium_6226852671
スマホ不要(笑)WEBサイト上でサクッとレスポンシブ対応のスマホ画面をチェックできる!

ここ最近、Google AdSenseやnendを使用してアフィリエイト広告を設 …

140220_2208
Welcome back!!SkyDriveが大人の事情でOneDriveとして再始動!

Microsoftが提供するクラウドストレージ「OneDrive」がとうとう利用 …

140422_2001
サムネイル画像リンク+文字リンク+はてブ数を一括生成する便利ウェブサービス

記事を書いていて自サイトの他記事を紹介するときは、文字リンクを使用していたんです …