XAMPPなどのローカル開発環境でレスポンシブWebデザインをテストする方法があるかどうか誰かが知っていますか？レスポンシブテーマをいくつか購入し、XAMPPでローカルに設定しましたが、テストしてすべてのデバイスで機能することを確認する方法が見つかりませんでした。
ありがとう
6448 次
5 に答える
5
これらのサイトを使用して、デザインをテストできます。これらのサイトでは、特定のデバイスサイズに応じてブラウザのサイズを変更し、サイト内を移動できます。
于 2012-06-01T12:53:04.697 に答える
3
frietkotは正しかった。これが私がMacでしたことです：
- ChromeにResizer拡張機能をインストールする
- MAMPを起動します
- Chromeを起動し、ローカルページを開きます（localhost：8888 / the-path-to-your-page）
- Resizer拡張機能アイコンをクリックしました
Etvoilà！
ばかげているように聞こえるかもしれませんが、レスポンシブデザインをローカルでテストする簡単な方法を見つけるのにも苦労していたので、これが誰かに役立つことを願っています。もちろんChromeに限定されていますが、それが始まりです！
于 2012-09-10T14:01:59.473 に答える
1
ishと呼ばれるビューポートのサイズ変更ツールがあります。こちらのgitHubで見つけることができます。それをダウンロードして、抽出したフォルダーをlocalhost/htdocsに配置します。次に、ブラウザから呼び出します（例：localhost / ish）。URLボックス（ページの左上）に、チェックするローカルホストのサイトへのURLを入力します。
Hは。ビューポートのサイズ変更ツールのもう1つです。それは「イッシュ」と呼ばれています。これは、一般的なデバイスの幅ではなく、一般的な範囲（小、中、大）に焦点を当てているためです。
于 2014-07-05T17:15:32.387 に答える
0
ブラウザのサイズを変更してみてください。サイトが変更された場合、レスポンシブです。
モバイルデバイス（電話やタブレットなど）でテストする場合。サーバーにアップロードするか、インターネットにアクセスできるローカルサーバーをセットアップする必要があります（モバイルブラウザの192.168.1.1 IPアドレスでのみ機能する可能性があります）。
于 2012-06-01T12:48:52.460 に答える
0
応答性をテストするための小さなツールを次に示します。特に、Bootstrapブレークポイントをテストするために設計されています。
http://deneskellner.com/reframe
楽しみ ：）
于 2015-11-11T18:44:37.053 に答える