もう一人のY君

iPhoneアプリのレビューやアップデートレビューなどを書いています. たまに数学の記事も書きます.

もう一人のY君 MENU  MENU

Webページをモバイルサイトと比較「PXChecker」

180510_12

 Webページのレスポンス化は既に多くで取り入れられていますが, 様々な事情でPCとモバイル向けで分けていることもあるでしょう.

 或いはこれからレスポンス化, 或いはモバイルサイトを作成する…という時のため, オリジナルと作成したモバイルサイトのサイズの違いなどを比較することができます.

 

PXChecker

PXChecker

  • manGoweb, s.r.o
  • ユーティリティ
  • 無料

※価格は記事執筆時のものです. 現在の価格はApp Storeから確認ください.

 レビュー時のバージョン : v1.0

 

スポンサーリンク

 

 

Webページと他コンテンツを比較

 あらかじめ比較したい対象を画像としてカメラロールに保存しておきましょう.

 アプリの目的はPCサイトと同じページのモバイルサイト…という体ですが比較対象となる画像のアスペクト比などに決まりはありません.

 

180510_13

 アプリを起動し, "Write URL to your website" とある部分に比較したいWebページのURLを書き込み, ページを開きます.

 その後画面下に "IMPORT IMAGE" というボタンがあるのでタップします.

 

 

180510_14

 すると読み込んだ画像が半透明になって表示されます.

 

 

180510_15

 画面右にあるつまみをタップするか左へスワイプするとスライダーが表示されます.

 これを左右に動かすと画像の透過度が変わります.

 左右端にあるアイコンをタップすると各々Webページ, 画像を切替えます.

 

 

180510_16

 読み込んだ画像はスワイプして移動させたり, ピンチして拡大・縮小できます.

 またダブルタップすれば元の大きさになり, 画面中央に移動します.

 

 

 PC, モバイルで位置などを合わせるのが本来の目的ではありますが, 今回読み込んだように貼り付ける画像を読み込んでみて, 前後のテキストがどれだけ隠れるかを確認するのに良さそうだな…と感じました.

 数字で分かることですが目視の方がよりユーザーと同じ立場で評価できますからね.

 

 URLスキームは今のところ確認できませんでした.

 

 

URLスキームについてはこちら

[Search]iPhone URLスキーム -The theoryの戯言

iPhoneのURLスキームを検索して一覧表示できます. リクエストは内容に応じてお答えします.