• Home
  • MTAppjQuery
  • MTAppjQuery でPCとスマホで処理を分けるには

MTAppjQuery でPCとスマホで処理を分けるには

MTAppjQuery は PC ブラウザでの管理画面のカスタマイズを前提として開発されていますが、user.js で設定した内容はスマートフォン(スマートフォンオプション)でもそのまま実行されます。

これらの処理を PC のみ、スマホのみ、といった具合に限定することが可能です。

Movable Type では、スマホで管理画面にアクセスするとスマートフォンオプションが自動的に適用され、 body に下記のような class が付きます。

device-smartphone device-iphone device-mobile-safari device-webkit device-ios

このクラスを利用して、user.js の中で下記のようにすれば、PCとスマホの処理を簡単に分岐することができます。

if ($('body').hasClass('device-smartphone')) {
  alert('スマホです');
} else {
  alert('スマホではありません');
}

ここでは単純に device-smartphone クラスで分岐していますが、環境によって device-iosdevice-android といったクラスも付きますので、それらを使ってより詳細に分岐することも可能です。

どのようなクラスが付くか、ブラウザの開発者ツールなどを使ってご確認ください。

MTAppjQuery について

Movable Type の管理画面をフロントエンドの知識だけで簡単にカスタマイズすることができます。

クライアントの満足度を高めるためにぜひお使いください。

MTAppjQuery の詳細を見る

Iamge Description

Recent Entries

Pickup Categories

Movable Type

CMSとして国内5万サイト以上に導入されている Movable Type に関する記事です。

Craft CMS

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。