0

うまくいけば、誰かが私が何を意味し、どこでそのようなものを見つけることができるかを知っているかもしれません。

私は新しいウェブサイトを作成しており、その一環としてモバイルウェブデザインを提供します。可能であれば必要なのは、ユーザーが私の例の1つをクリックすると、モバイルブラウザー(通常のWebブラウザーのモバイルサイトではない)が読み込まれることです。潜在的なサイトの実例を見ることができるエミュレーターのようなものです。

これを行うものはありますか、それとも設定されたサイズで新しいウィンドウを開いてその中にサイトを表示することを検討していますか?

注意してください---これを書いている間、コードが公開される可能性があるため、潜在的なフロアに遭遇した可能性があります。

モバイルサイト自体の背後にあるコードを公開しないように、スクロールできるJPEGまたはPNGを配置することを検討する必要があると思います。

そのようなエミュレーターなどが利用可能である(そしてバックグラウンドでコードが表示されない)場合、私は正しい方向に向けられて幸せです!!

ありがとうポール

4

1 に答える 1

0

質問を誤解した場合は訂正してください。ただし、ユーザーがソースコードへのアクセスを拒否しながら、さまざまな画面サイズでレスポンシブデザインをプレビューできるようにしたいようです。

その場合は、デザインのインタラクティブな側面を犠牲にしても、プレビュー用にデザインをフラットな画像ファイルとしてレンダリングするのが最善の策です。これは大まかなトレードオフです。

コードを非表示にする正当な理由があると思います。しかし、まだ行っていない場合は、そもそもソースコードを隠す動機は何であるかを自問することをお勧めします。Webは、オープンスタンダードとアクセシビリティに基づいて構築されています。HTML、CSS、javascriptなどの静的アセットをブラウザから隠すには、多くのゆがみを経験する必要があります。大ざっぱなクライアントがあなたの作品を支払いなしで使用することを心配しているのかどうかはわかりますが、それは技術的な問題というよりも契約/法的な問題です。

とはいえ、携帯電話を視覚的にエミュレートするために、モバイルサイトのメインコンテンツ(またはコードを非表示にする必要がある場合はコンテンツの画像)を指定された幅と高さのdiv内にいつでも配置できます。いくつかの電話のグラフィックでそれを包み、オーバーフローを制御しoverflow-y: scroll;overflow-x: hidden;そこにあなたはそれを持っています。

Web Design Weeklyは、この概念が実際に機能している良い例です。

編集:あなたが実行可能に探求できる別のオプションは静止画像の代わりにビデオであることに気づきました。クライアントを驚かせる必要がある場合は、常にオプションです。Typeform.comは、私が話していることの良い例です。

于 2013-02-22T09:50:20.363 に答える