JUGEMブログの表示をPC版からスマホ版へ切り替える

7

こんにちわ、ちかです

iPhone/AndroidでのJUGEMブログの表示は
スマホ版からPC版に切り替えることはできますが
PC版からスマホ版に戻す方法が明示されていません

Cookieをクリアすれば戻ります
たかが表示切替のためにCookieをみんなクリアするなんておかしいですよねぇ

なので
ちょっとソースを調べてみました。

PC版への切り替えは
pcview_on() を呼ぶことで行われています。

function pcview_on(){
    document.cookie = "iphone_pcview=on";
    document.cookie = "android_pcview=on";
    window.location.reload();
}

./templates/smartphone/js/smart_phone.js ※ スマホでのみアクセス可

ということは
Cookie "iphone_pcview", "android_pcview" を削除すれば
スマホ版に戻ります!

ということで
スマホ版に切り替えるスクリプトを作りました

スマホ版

スクリプトソース:

(当サイト以外の) JUGEMブログ読者さんへ:

上記スクリプトをブックマークレットにしておけば
PC版からスマホ版へいつでも切り替えられるようになります

※ iPhone (Safari) でのブックマークレット登録方法は次のリンクから↓
ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。

JUGEMブログオーナーさんへ:

管理者ページの [デザイン] - [HTML・CSS編集] で
上記スクリプトを実行するリンク (下記ソース) をどこかに配置しておけば
PC版からスマホ版へいつでも切り替えられるようになります

ソース:

HTMLを直接編集しなくても
管理者ページの [デザイン] - [フリースペース] で
フリースペースの内容欄に上記ソースを貼り付ければ
同様にスマホ版へ切り替えられるようになります

【JUGEM】スマホ版への切り替え【フリースペース】

※ PCからアクセスしてもスマホ版への切り替えリンクが表示されちゃいますが。。

次は RINO さんです

関連記事


スポンサーサイト

0
    • 2017.10.20 Friday
    • -
    • 00:00
    • -
    • -
    • -
    • -
    • by スポンサードリンク

    コメント
    使わせていただきました!
    ありがとうございます!
    どうやったらいいんだ! と訳がわからず調べていてたどり着きました。
    すごいです!一発でスマホ版にいけるようになりました。
    本当にありがとうございました。
    • まんまる
    • 2015/06/28 2:27 PM
    感謝です。ありがとうございます。
    • おばみ
    • 2015/05/12 8:37 AM
    こんにちは。こんな方法があるのですね!
    今、スマホからJUGEMブログにアクセスした場合でもPC版が表示されるようにしたいと考え、検索していたらこちらのサイトにたどり着きました。
    記事とは真逆の事になりますが、もし方法をご存知でしたらご教授いただけないでしょうか?
    • ayumi
    • 2014/10/30 1:56 PM
    検索して見つけました。素晴らしい!!!
    早速、自分のブログに利用させて頂きました。有り難うございました。
    • こすもす
    • 2013/12/14 8:39 PM
    とても役に立ちました。
    • 2013/10/29 9:32 AM
    すごいです!javascriptっていろんな事ができるんですね。
    通りすがりで申し訳ないですが、ありがたく使わせていただきますね♪
    • とおりすがり
    • 2013/03/05 5:01 PM
    フリースペースの内容欄に上記ソースを貼り付ければ
    管理者ページの [デザイン] - [フリースペース] で
    コメントする








       

    教室情報




    ハロー!パソコン教室
    イトーヨーカドー大森校
    〒143-0016
    大田区大森北2-13-1
    イトーヨーカドー大森店3F
    お問合せ(お電話)
    03-3762-8600

    営業時間などの詳細はこちらをご覧ください
    ハロー!パソコン教室イトーヨーカドー大森校無料体験レッスンのお申し込みはこちらから
    ハロー!パソコン教室イトーヨーカドー大森校の地図

    MOS試験会場校

    大森校はこんなところ!


    明るく楽しいスタッフ達があなたのやりたいことを徹底的にサポートします!
    MOS資格も保持していますので、安心して何でもご質問ください!

    MOS合格の生徒様
    大森校ではMOS資格を取得された生徒様が多数いらっしゃいます!
    合格率100%を誇る教室で、あなたもきっと合格できます。

    安心の個別学習
    レッスンは集合形式ではなく、個別学習式。パーテーションで区切られた個別空間でご自分のペースでレッスンを受講いただけるのが人気の理由の一つです!

    緊急雇用安定助成金のお知らせ
    中小企業の企業主さまへ
    緊急雇用安定助成金のお知らせ

    教育訓練給付金制度のお知らせ
    雇用保険に加入している方へ
    教育訓練給付制度のお知らせ

    iPhone講座 開講中
    iPhoneの使い方を
    基礎から丁寧に学べます。

    最近の記事

    カテゴリ

    アーカイブ

    コメント

    時間割

    10:10〜
    11:10〜
    12:20〜
    13:20〜
    14:20〜 休み時間
    15:20〜
    16:20〜
    17:30〜
    18:30〜
    19:40〜
    20:40〜

    その他のリンク

            

    Microsoft Office Specialist

    サイト内検索

    その他

    携帯用QRコード

    qrcode

    PR