SBAPP

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

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!

著者情報

Ryo
こんにちは、「SBAPP」を運営しているRyoです。

Apple製品はiPhone 3GSから使い始め、国内でスマートフォンが急速に普及し始めた時期、iPhone 5が展開された頃から、主にiPhoneやiOSなどの使い方や不具合情報を10年以上にわたり発信しています。

現在はiPhoneやiOSの情報だけでは無く、SNSプラットフォームでの障害や不具合、フィッシング詐欺メール・SMSに関する注意喚起など、広範なテーマにわたる記事を書いています。

過去には「電気の見える化」に関するウェブアプリケーション開発、大規模システムの保守業務に従事していたことがあり、それらの経験を活かしてSBAPPを含むブログメディア等を運営しています。記事が少しでもお役に立てたら幸いです。

コメントを投稿する(承認後に反映されます)

*

Return Top