パソコン用サイトと、スマートフォン用サイトを用意し、スマートフォンでパソコン用サイトにアクセスした場合に、スマートフォン用サイトに自動的に転送(振り分け)するようにしたいのです。
具体的には…。
例えば、
PCサイトのアドレス:www.abc.com/index.html
スマートフォンサイトのアドレス:www.abc.com/sp.html
の場合、スマートフォンでPCサイト(www.abc.com/index.html)にアクセスした場合、自動的にスマートフォンサイト(www.abc.com/sp.html)に転送(振り分け)をしたいのです。
スマートフォンでPCサイト(www.abc.com/index.html)にアクセスした場合→スマートフォンサイト(www.abc.com/sp.html)へ自動的に転送したいのです。
その場合における、index.htmlに記述すべきJavaScriptの記述内容を教えてください。よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
javascriptではなく.htaccessなどを使います。
javascripを無効にしている場合利きませんし。ただ、このgooやWiki、あるいは新聞社のサイト、多くのポータルサイトなどは、そのような方法は使いません。なぜなら、膨大な種類の端末用に膨大な同じ内容のページを作成しなければならないこと。新しい端末が登場するたびに作成しなければならないことなど現実的ではないからです。
そもそもHTML自体が
【引用】____________ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。
・・・【中略】・・・
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
あなたが作られたウェブページがHTMLで作成されていれば、基本的にはどの端末を利用してもちゃんと利用できるはずです。
HTMLはそのためのものですから、だからあなたはそれを利用してウェブページを作成されてきたのでは???
基本的な手順は、
1) 率直にHTMLを作成します。
PCはむろん携帯電話でも、点字端末でも、スクリーンリーダーでも、さらには検索エンジンでも内容が理解できるはずですね。
2) スタイルシートでそれぞれのメディアごとにスタイルシートを書きます。
3) スクリーンリーダーや印刷用が必要ならそれも書いておきます。
それだけです。同じ内容を複数アップロードするとgoogleから蹴られる場合もあります。
スマホのみのページがあれば、それはPC用の画面には表示されないようにすれば良いです。
★スタイルシート 振り分け - Google 検索 ( https://www.google.co.jp/#hl=ja&safe=off&output= … )
ORUKA1951さん:
大変に詳しく説明を有難うございました。解り易い説明で、とても勉強になりました。そして参考になりました。
お忙しい中、有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(コンピューター・テクノロジー) <a href="file:///フォルダ名/ファイル名">リンクテキスト</a>について 1 2023/04/06 22:40
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- Wi-Fi・無線LAN 社用PCのWi-Fiがインターネット無しになる 5 2023/07/13 09:13
- サーバー Laravelをレンタルサーバーにインストールするにはどうすればいいですか? 2 2022/06/29 10:17
- CPU・メモリ・マザーボード マザーボードのオーディオチップの名前が分かりません 1 2022/05/12 11:33
- その他(ブラウザ) このページは動作していません HTTP ERROR 401 2 2022/11/28 12:11
- Android(アンドロイド) Androidスマートフォンに撮りためた写真を全てPCに転送したいです。 しかし下記のメッセージが。 4 2022/09/09 11:20
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- docomo(ドコモ) らくらくスマホの質問が回答が来ません。 6 2022/11/30 18:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
趣味でhtmlを勉強するのに適し...
-
この容量はテキストサイトとし...
-
ブラウザ切り替え
-
スマホ用のhtmlの覚え方
-
カラム落ちの何が悪いのか
-
パソコンと携帯で文字のサイズ...
-
レスポンシブデザインとは? ...
-
エラーが出ます
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
HTMLからフォルダを開きたい
-
form action="#"
-
iPadの標準ブラウザでローカルH...
-
<!DOCTYPE html>あってますか?↑
-
java_run.batがダウンロードで...
-
Excelで、社外秘(閲覧のみ)と...
-
セイヨウタンポポとカントウタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
カラム落ちの何が悪いのか
-
ホームページ制作、SPサイトの...
-
HPビルダーのフレームページ...
-
平均的なウィンドウサイズとは?
-
ソリッドレイアウトとリキッド...
-
レスポンシブデザインとは? ...
-
ホームページの携帯サイトの作...
-
デザインとコーディングは同一...
-
Windowsホームページ作成MACで...
-
ブラウザ切り替え
-
レスポンシブ 横1080px高解像度...
-
画面は固定と可変のどちらがい...
-
エラーが出ます
-
スマホ横幅が720px だけ 横が...
-
携帯電話(ガラケー)でのデザ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
おすすめ情報