iphoneをpcに表示させる

このQ&Aのポイント
  • pcでアクセスしたときに、iosシュミレーターのようにiphoneをpcでも操作できるように表示させたいなと考えています
  • 現在ではいろいろな障害がありそうで、何か良い方法はないかと探したのですが、なかなか見あたらず、質問させていただきました
  • Jquerymobileでサイトを作ったのですが、pc版がまだ未完成なので、pcからアクセスしたときに、iphoneで表示させるようにしたいです
回答を見る
  • ベストアンサー

iphoneをpcに表示させる

http://blog.amazedkoumei.com/2011/04/jquery-mobilepc-jquery-mobile-for-pc.html 上記のサイトのように、pcでアクセスしたときiphoneで表示させるようにしたいのですが、このサイトの通りにやるとレイアウトが崩れてしまいます;;1年前の記事なので、現在ではいろいろな障害がありそうで、何か良い方法はないかと探したのですが、なかなか見あたらず、質問させていただきました。Jquerymobileでサイトを作ったのですが、pc版がまだ未完成なので、pcからアクセスしたときに、iosシュミレーターのようにiphoneをpcでも操作できるように表示させたいなと考えています>< わかりにくい説明で申し訳ないです。いい方法はありませんか?;;

  • CSS
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

今は、そんなに難しく考えなくて・・・率直にHTMLをマークアップして、i-phoneとブラウザ用にスタイルシートを切り替えるか、代替スタイルシートで見てもらうかで良いと思いますが??  そもそも、HTMLは 【引用】____________ここから どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  ですし、携帯電話用、スマホ用、PC用なんてページを作るのは、避けるべきです。そのためにHTMLを使うのですから・・ 【引用】____________ここから HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。 なぜならただ1種類の文書しか作る必要がなくなるからだ。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より

rankatyan4
質問者

お礼

大変参考になりました。考え方も変わりました。ありがとうございます。

関連するQ&A

  • .htaccessでblogをiphone表示とPC表示に振り分けたい

    .htaccessでblogをiphone表示とPC表示に振り分けたいのですが... この件に数日費やして、あれこれと質問箱などを見て回りましたが 私のような例が見当たらずに困っております。。 どうぞ、お力をお貸しくださいませ。 現在、blogを運営しています。 サーバーにインストールして使うタイプです。 PC表示用は http://ドメイン/blog/ iphone表示用は http://ドメイン/blog/i/  という構成で作成しました。 iphoneでアクセスがあった場合は、http://ドメイン/blog/i/に PCでアクセスがあった場合は、 http://ドメイン/blog/と自動的に振分けられるように はじめから設置されている.htaccessに、自分なりに下記を付け加えてみました。 # iPhone RewriteCond %{HTTP_USER_AGENT} iPhone RewriteRule ^$ /blog/i [R] RewriteEngine onという表記は、もともとある.htaccessに記述されていましたので省きました。 そうしましたら、無事にiphoneで  http://ドメイン/blog/ にアクセスすると http://ドメイン/blog/i/ に飛ぶようになり、成功!と思ったのですが・・。 実は、twitterを使っており、blogの更新をtwitterにお知らせするようにしているので twitterからのアクセスは、直接個別記事へとなります。 個別記事は、blog側で自動的にディレクトリが作成され、 http://ドメイン/blog/article/個別記事ファイル名  となります。 その http://ドメイン/blog/article/個別記事ファイル名 へ iphoneで直接アクセスをするとPCサイトがそのまま表示されてしまいます。 .htaccessは、設置したディレクトリ以下にはすべて反映されると思っておりましたので どうしてかわからず困っております。 自動的にディレクトリが作成されるからなのでしょうか? それとも、/blog/フォルダの中に /blog/i/ と /blog/article/ が並んでしまうからでしょうか・・・? ご教授、どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • iPhoneで手軽にブログを始めたいです。

    iPhoneでブログを始めたいと思っています。記事の投稿や写真の添付など、iPhoneだけで済ませたいと思っています。できれば、サイトのレイアウトがiPhone対応になっているとありがたいです。無料で始められるオススメのブログサービスがあれば教えてください。また、無料のアプリなどを使うことでカンタンにブログ投稿ができるものがあれば教えていただけるとありがたいです。どうぞよろしくお願いします。

  • PCによって表示が違う

    PCによって表示が違う ブログで少し細かいレイアウトをしたのですが、 ほかのPCで見ると文字の大きさなどが変わり、 レイアウトが崩れてしまいます。 原因はよくわかりませんが、自分のPCはIE6で、 IE8のPCでは字が大きくなってしまうようです。 何かいい方法はないでしょうか。

  • iphone/android WEB制作について

    いつもお世話になっております。 今度スマートフォン制作を行うことになったのですが、 実機があまりないのと、できればandroid,iphoneとデバイス依存しないように制作しようと思うので、jquerymobileを採用しようと考えました。 jquerymobileで用意されているリストや、ボタン、ページヘッダーや、ページ遷移など を使用すればandroid,iphoneなどのデバイスで、表示を気にせず制作できるのでしょうか? jquerymobileを使用しないで制作した場合、 jquerymobileなどで使用する、リストやボタンを、htmlで実現するには、デバイス依存するのでしょうか。(iphone/androidによって横幅の指定が異なって表示がズレるなど。。?) 1からiphone/androidスマートフォンWebサイトを制作するならどちらが良いでしょうか。 また両デバイスのweb制作で為になった本や参考サイトなどございましたら教えてください。 どうぞよろしくお願いします。

    • ベストアンサー
    • CSS
  • iPhoneの文章読み上げ機能について

    iPhoneの文章読み上げ機能について質問させてください。 私はよくSafariでブログなどの記事を読むときiPhoneにもともと付いている文章読み上げ機能を使って文章を読み上げてもらいブログ等の記事を読んでいます。 とても便利な機能なのですが読み上げてくれているときに読み上げている箇所をアンダーラインで示してくれるのですが読み上げているうちにだんだんそれが今読んでいる箇所とずれてきいてしまい逆に分かりにくくなっています。 これを改善させる方法を知っている方いらっしゃったら教えてください。 よろしくお願いします。 ちなみに私はiPhone 8(iOS12.1.2)を使っています。

  • iPhone ブログ 携帯の表示

    iPhoneでFC2ブログを写真つきで、 更新したのですが、iPhoneとPCしか もってなくて、携帯でその写真が どのように表示されているのかわかりません。 確認をしたいのですが、 確認ができるサイトなどはありますか? よろしくお願いします。

  • iPhoneでUQ MOBILEがつながりません

    iPhoneでUQ MOBILEがつながりません au iPhone5SをiOS9.2.1で使っています。UQ MOBILEの通話SIMを購入しました。 iOS9.2.1は正式にはサポートされていませんが、ネットで調べるとIIJでiOS9用のプロファイルを出しており、繋がるという記事を読んで、それをダウンロードしてやってみたのですが、4Gにならず1Xになり、繋がりません。 実は先日実験のために、UQ MOBILEの通話機能のないデータSIMを購入して実験してまして、その時も最初は繋がらなかったのですが、設定→一般→ネットワークの設定をリセットをしたら繋がった実績があります。 通話SIMでもネットワーク設定をリセットしたのですが、うまくいきません。 他に何かやることはあるでしょうか? ご指導よろしくお願いします。 補足 プロファイルは下記のサイトからUQ MOBILE用のものをダウンロードしました https://blogram.net/2015/07/13/mobileconfig/

  • Yahooをiphoneで、PCと同様に見たいです

    iphoneのSafariで、YahooJapanのPC用サイトをよく見るのですが、「ニュース、経済、エンタメ…」などのタブを切り替えようとタップすると切り替わらず、経済なら経済のページに飛んでしまいます。PCと全く同じように表示したいのですが、何か方法あるでしょうか?以前はできていたと思うのですが。 PC用サイトに慣れてしまっているので、スマホ版表示やiphone用のアプリとかも使ってみましたが、どうも使いにくいのです。シンプルにいつものブラウザでPCと全く同じように表示してくれるだけでいいのですが。 ドコモiphone5s、OSは7.1.2、です。

  • amazonのiPhone用のページが表示されなくなった

    以前iPhoneでamazonにアクセスしたときは、iPhone用のページが表示されたのですが、今アクセスしてみるとPC用のが表示されてしまいました。 使い勝手が悪いのでiPhone用を表示させたいのですが、戻すにはどうしたら良いでしょうか?

  • ifunboxを使い、pcからiphone5へ移動

    ifunboxを使い、pcからiphone5へ画像を移動する方法 手順は理解し、ifunboxから見たカメラフォルダにはきちんとpcからの画像が表示されたのですが、 iphone本体のほうで確認してもカメラロールにその画像が表示されません。 再起動もしましたが何も変わりませんでした。 どうしたらiphone本体からでも確認出来るのでしょうか? (iphone5 ios6を使用しています。)

専門家に質問してみよう