ハイリンクス

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

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

関連記事

131129_2201
【zenback】サイトへのアクセス数がアップ↑する魔法のブログパーツ

zenbackはサイト・ブログの記事下・サイドバーに設置することで、関連記事やソ …

credit: WingedWolf via FindCC
WordPressサイトのテーマ・テンプレートやプラグインがチェックできるウェブサービス

ウェブサイトやブログを見ていて「このサイトって何のWordPressテーマ使って …

131229_2001
【Buffer】ブログ記事を指定した日時に予約・自動投稿してくれるサービス

Bufferは運営しているブログ・サイトの更新記事を指定した日時に予約・自動投稿 …

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

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

131206_1901
【Open Graph Pro】facebookからのアクセス数がグン↑と上がるWordPressプラグイン

Open Graph ProはOpen Graph Protocolという、fa …

140316_2004
早っ!FFFTPのアップロード速度を4倍にアップするビックリするほど簡単な設定

フリーのFTPソフトと言えば一番最初に思いつくのがFFFTPだと思います・・・た …

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

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

medium_479228716
疲れ目を予防するブルーライト対策!無料・有料でできるブルーライトカット方法

パソコンモニターなどのデジタル機械からから発せられるブルーライトを浴びることで目 …

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

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

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

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