楽しくiPhoneライフ!SBAPP

Apple製品全般の最新情報やアプリのレビューを毎日お届け!

【iPhone】Safariで見づらいPCサイトをスマホサイトに変更する方法

cat
スポンサードリンク

iPhoneでWEBページを見て回っていると、時折パソコンのデザインのままサイトが表示されてしまい、見づらい場合がありますよね。
現在はスマホユーザーも増えた事から、大半のサイトではレスポンシブデザインが採用されており、PCでもスマホでも最適化されたデザインで閲覧する事が出来るサイトが大半です。
今回はPCサイトをスマホに最適化したデザインに表示を変更する方法をご紹介します。

ブックマークレット

これから紹介する方法はブックマークレットと呼ばれている物を使用します。
追加する手順のみを紹介した記事がありますので、最初にこちらをご覧ください。
【iPhone】Safariにブックマークレットを追加する方法

例えば..

実はAppleの公式ホームページはPCデザインで表示されます。
このままだとメニューが小さい..
th_IMG_9140

操作する為に都度拡大するのは面倒ですよね。
th_IMG_9141

PCサイトをスマホサイトに変更するブックマークレット

ブックマークのURLに以下のコードを入力してください。
javascript:(function(a,b,c,d,e)%7Bb=(b=='https:')?b:'http:';c='//amberjack115.herokuapp.com/share/';d=0%7Cnew%20Date().getTime()/1000/60/6;e=a.createElement('scr'+'ipt');e.src=%5Bb,c,'js/simplifystyles.js?',d%5D.join('');e.charset='utf-8';e.async='async';(a.head%7C%7Ca.body%7C%7Ca.documentElement).appendChild(e);%7D)(document,location.protocol);
th_IMG_9142

使い方

スマホデザインに変更したいサイトでブックマークボタンをタップ
th_IMG_9143

先程追加したブックマークをタップ
th_IMG_9144

シンプルなスマホ向けデザインに変更されました。
メニューリンクや文字が見やすくなります。
th_IMG_9145

文字が小さいPCサイト

PCサイトによっては文字やリンクが非常に小さい場合があります。
ですが、このブックマークレットでデザインを変更させると、文字サイズも適切な大きさになるので読みやすくなります。
調べ物をしていて、PCサイトが表示されてしまったときに是非試してみてください。

参考: Golbym!

コメントはこちら

*
*
* (公開されません)

Return Top