タブレットでスマホ用サイトのデザインを確認する方法
- 現在所有しているandoroid4.0のタブレットで、スマホの表示を確認する方法はないでしょうか。
- レスポンシブwebデザイン確認用のブックマークレット http://lab.maltewassermann.com/viewport-resizer/ が利用できれば、と考えたのですが、タブレットのブラウザではまともに動きませんでした。
- 何か良い方法がありましたらアドバイスをお願いします。
- ベストアンサー
タブレットでスマホ用サイトのデザインを確認したい
現在所有しているandoroid4.0のタブレットで、スマホの表示を確認する方法はないでしょうか。 レスポンシブwebデザイン確認用のブックマークレット http://lab.maltewassermann.com/viewport-resizer/ が利用できれば、と考えたのですが、タブレットのブラウザではまともに動きませんでした。。。 何か良い方法がありましたらアドバイスをお願いします。
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
root化して設定をいじれば可能かもしれませんが、オススメはしません。 PCにAndroid SDKをインストールして、エミュレータで試すのが確実です。
関連するQ&A
- レスポンシブWebデザインでテキストの振分について
現在あるPCサイトをスマホにも対応させたいので、スマホ用のファイルを別に作成するか、またはレスポンシブWebデザインにしようと考えております。 そこで疑問に思ったことがあります。 私が把握しているレスポンシブWebデザインのサイトは、例えば住友商事のようなサイトです。http://www.sumitomocorp.co.jp/ パソコンのブラウザで表示している場合、マウスを使ってカーソルを操作してブラウザを縮小すると、レイアウトが可変します。 ※もちろん、スマホで見れば、スマホに最適化された表示になっております。 一方、アマゾンのようなサイトの場合、パソコンでカーソルを操作してブラウザを縮小しても表示は変わりません。 しかし、PCとスマホで異なるデバイスで確認すると、表示しているテキストや画像が異なります。 私の認識では、このようなサイトはPC用とスマホ用で異なるファイルを作成し、PCとスマホで読み込ませるURLを振り分けるていると思っておりましたが、PCで確認してもスマホで確認してもアドレスバーに表記されているURLは同一の物です。 このアマゾンのようなサイトはレスポンシブWebデザインによって作られているのでしょうか？ もし、レスポンシブWebデザインならば、デバイスごとに表示させる画像を振り分けることははもちろんのこと、テキスト（文章）の振り分もできるということなのでしょうか？ レスポンシブWebデザインで画像もテキストも振り分けられるなら、PC用とスマホ用でファイルを分ける必要はないかと思うので、私が作成したPC用のサイトを、レスポンシブWebデザインにしようかと思っております。 以上となります。 どのようなご回答でも良いので、また質問の内容とはそれてしまってもよいので、なにかしらご回答を頂けると幸いです。 宜しくお願い致します。
- 締切済み
- CSS
- レスポンシブに出来るデザインと出来ないデザイン
レスポンシブに出来るデザインと出来ないデザインがあると聞いたのですが、 具体的にどんなデザインだと出来ないという情報が無いのですがどんなデザインは出来ないのでしょうか？ スマホがワンカラムなのでワンカラムに出来ないサイトは出来ないということでしょうか？ 380px以上でワンカラムに出来ればどんなデザインも大丈夫なのでしょうか？ またスマホやタブレット用のサイズのときはGVを下に持っていくなどそれようのUIに変形するように実務ではすべきなのでしょうか？ それともPCと同じ順番でもよいのでしょうか？ また賛否両論でこれからWEBクリエイターを目指す者がこちらを習得すべきなのでしょうか？ それともそれぞれの端末ごとの作成を習得した方がよほどよいのでしょうか？
- ベストアンサー
- CSS
- レスポンシブwebデザイン PC背景とスマホ背景変
レスポンシブwebデザイン PCの背景とスマホの背景を別々に変更したいのですが、 どうやっても上手くいかない状況です。 どなたか解決できる方法をお教えくださませんでしょうか。
- 締切済み
- CSS
- タブレット（スマホ）でのブラウザ確認
最近タブレット（ドスパラ アンドロイド4.0）購入しました。初めからのブラウザの接続が悪いので、価格comで質問したら、ドルフィンブラウザを推奨されました。早速インストールしました。ＰＣのようにホーム画面に従来のブラウザのアイコンの隣にでも新しいブラウザが現われるものと思っていたら、現れず。従来のデザインのブラウザアイコンのみ。それでもそこをタップしたら、ドルフィンのホームページが現われました。従って小生はアイコンは同じでも、内容はドルフィンブラウザに入れ替わったものと理解しました。しかし２回目からはドルフィンのホームページは現れず、直前使用のページが現われるようになったので、ドルフィンであるのか以前のブラウザか確認ができません。ＰＣのように確認する方法はないのでしょうか。またホームページ上に複数のブラウザアイコンを表出させて、その都度選択して使用することはできないのでしょうか。
- ベストアンサー
- Android
- レスポンシブWebデザインでファビコンの切り替え
レスポンシブWebデザインをしているのですが、 パソコンの場合、スマホの場合などでファビコンの画像を 変えることは可能なのでしょうか。
- 締切済み
- CSS
- レスポンシブＷｅｂデザインに詳しい方
ＰＣ、スマホサイトを運営しています。A業者さんに、レスポンシブwebデザインで制作していただきました。今回、リニューアルをする予定なんですが、B業者に、PC版のみ制作してもらった場合、自動でスマホ版も更新されるのでしょうか？もしされない場合、B業者が作ったHPを、別の業者にレスポンシブwebデザインにて変更していただくことは可能なんでしょうか？諸事情で、A業者さんには頼めません。B業者は、レスポンシンブでは作れないとのことです。
- 締切済み
- CSS
- レスポンシブWEBデザイン jsの指定について
レスポンシブWEBデザインで、PC用に指定しているjQueryプラグインを、スマホでは指定しない方法を知りたいと思っています。 例えば、640px以下はjQueryプラグインを動かさない、といった感じです。 ご教授の程、よろしくお願いします。
- ベストアンサー
- CSS
- ＰＣで、スマホ画面を確認できないの？
ネットショップを運営しています。 スマホが出ていない時代に作製したサイトですから、実際、スマホでどう観えるか確認したいのですが、ＰＣを使って確認できないのでしょうか？ 私はスマホ等は持っていません。 田舎なもんで、ショップに行ってスマホや、タブレット等を使っても何故か画面が動かなかったり、WEBが可動しなかったりと、なかなか思うようになりません。 また、友人という手もありますが出来ればサイトの修正時に確認できればと考えます。 よって、ＰＣで確認できれば有り難いのですが、それって無理なんでしょうか？ 精通されている方が居られましたら宜しく、ご指導願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- レスポンシブwebデザインでのIE対応について
レスポンシブwebデザインでサイト制作する際、CSSのIE対応はどこまでやるべきか悩んでいます。 お詳しい方々、是非アドバイスをお願いします。 現状の対応としては・・・ IE9 → 他ブラウザ同様にレスポンシブ対応 IE8 → レスポンシブ非対応・IE専用CSS（PCサイズ版）を適用 IE7 → 完全無視 （IE7はttp://www.ajike.co.jp/2012/08/browse_share201207/やその他複数のデータを基に、完全無視で問題ないと判断しました） としております。 そこで作っていてふと想ったのですが、タブレット端末やスマートフォン端末では実質的にIEではなくなるので、結局IE9をレスポンシブ対応させる意味がないのではないか？ なら、IE8と同様にIE用のCSSを適用させるだけで良いのではないか？ と想ったのですが、どうなんでしょうか？ ここはやはり将来性を鑑みてIE9は現状のままレスポンシブ対応させておくべきなのか・・・ それともIEは9だろうと8だろうと一括でIE専用CSSを適用させてレスポンシブ対応させないのか・・・ 初心者の私にはIE用のCSSですら恐ろしくめんどくさいというか難しく、IE9をレスポンシブ対応させるだけでも四苦八苦しております。。。 いったいどうしたら良いでしょうか？ 是非ぜひ、ご教授願います。
- ベストアンサー
- CSS
- webブラウザがほしい、タブレットＰＣを買うべき？
ノートＰＣを持っていますけど、開くのがめんどくさいし、持ち運びがしにくいです。 そこでタブレットＰＣの購入を考えたのですが、私にとってどれも必要以上に多機能だし、値段もぜんぜん安くありません。 当面、WEBブラウザを使えればいいと思ってます。 小さくて軽めのデバイスで、なにか適切なモノはありまえんか？ 条件 １，wi-fi接続でインターネットにつないで、webページを閲覧する ２，ブックマーク、履歴の表示 ３，動画を見たり音楽を聞いたり、ファイルをダウンロードしたり、そういうのは不要。 ３，文字入力ではコピーと貼り付けができる、スムーズに漢字やカタカナを変換する ４，javaスクリプトに対応 今は「ニンテンドーDS」と「kindle3」を持っていますけど、これらのブラウザでは、機能がちょっと足りません。 文字入力のときにコピペができないっていうのも凄く不便なのですが、それ以上に、Instapaperみたいなサイトで、java scriptを使ったブックマークレットを導入することができなくて困ってます。 http://www.instapaper.com/
- ベストアンサー
- モバイル端末
お礼
なるほど。。。 ありがとうございました。