iPhoneでWEBページを見て回っていると、時折パソコンのデザインのままサイトが表示されてしまい、見づらい場合がありますよね。
現在はスマホユーザーも増えた事から、大半のサイトではレスポンシブデザインが採用されており、PCでもスマホでも最適化されたデザインで閲覧する事が出来るサイトが大半です。
今回はPCサイトをスマホに最適化したデザインに表示を変更する方法をご紹介します。
ブックマークレット
これから紹介する方法はブックマークレットと呼ばれている物を使用します。
追加する手順のみを紹介した記事がありますので、最初にこちらをご覧ください。
【iPhone】Safariにブックマークレットを追加する方法
例えば..
実はAppleの公式ホームページはPCデザインで表示されます。
このままだとメニューが小さい..
操作する為に都度拡大するのは面倒ですよね。
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);
使い方
スマホデザインに変更したいサイトでブックマークボタンをタップ
先程追加したブックマークをタップ
シンプルなスマホ向けデザインに変更されました。
メニューリンクや文字が見やすくなります。
文字が小さいPCサイト
PCサイトによっては文字やリンクが非常に小さい場合があります。
ですが、このブックマークレットでデザインを変更させると、文字サイズも適切な大きさになるので読みやすくなります。
調べ物をしていて、PCサイトが表示されてしまったときに是非試してみてください。
参考: Golbym!
コメントを投稿する(承認後に反映されます)