重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

おしえて

HP作成に於いて、スマホでのサイト閲覧を禁止する方法

解決済

  • 質問者：20_bug
  • 質問日時：
  • 回答数：1件

初めまして。
ホームページを作成するのですが、諸事情があって、スマートフォンからの閲覧を不可能にしたいです。
そうする方法はないでしょうか。
色々探してみたのですが、納得いく答えと出会えず、ここで質問させて頂く事にしました。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： t_fumiaki
  • 回答日時：

スマホとpcは区別なしにサーバからサイトを呼び出してしまうから、方法は大きく2個の例を。



方法は色々あるけど、手っ取り早い方法を回答します。

１．サーバ側でアクセスを拒否する。
.htaccessというファイルを設置する。
スマホの機種が多いから結構大変、且つ、サーバが.htaccessを許可している場合に限定される。
<Files ~ "^\.ht">
deny from all
</Files>
# AccessControl UserAgent
# DEVICE
このしたに、つらつら機種を並べる（大変)
SetEnvIfNoCase User-Agent "iPhone" ua_device=smart
SetEnvIfNoCase User-Agent "iPod" ua_device=smart
SetEnvIfNoCase User-Agent "Android.*Mobi" ua_device=smart
SetEnvIfNoCase User-Agent "Windows Phone" ua_device=smart
SetEnvIfNoCase User-Agent "Mobi.*Firefox" ua_device=smart

まだまだ延々と続くので割愛

RewriteEngine On
RewriteCond %{ENV:ua_device} smart
RewriteRule ^(.*)$ - [F,L]


２．アクセスは拒否しないが、「スマホで有るな」と判断したら、空白画面にしてしまう。

htmlのbody内部分を特定divでくくる。
cssで、そのdiv属性をdisplay:none; とする。

<body>
<div id="smartnon">
・
・
</div>
</body>

●css記述
以下をcssの先頭に追記。
@media screen and (max-width:640px)
{
#smartnon
{display:none;
}
}

この例では、横幅640px以下のブラウザでは、全画面空白表示とした。
    • good
    • 3
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

今、見られている記事はコレ!

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報