ウェブサイトのポップアップ表示を作成して、携帯端末でレンダリングしたときのウェブサイトの表示方法を教えてください。

Question

私が作成したウェブサイトを紹介するウェブサイトを構築しています。私のpostfolioページには、アイフォーンアイコンがあります。クリックすると、ポップアップには、iosデバイス上のWebサイトの外観が表示されます。理想的には、xcodeに付属のiphoneシミュレータのように見えます。つまり、ポップアップを表示する代わりに、ウェブサイトを静止画と見なす代わりに、ユーザーが上下にスクロールして自分のウェブサイトを離れて実際のウェブサイトを閲覧できるようにしたいと考えています。私は、これを実現させるためにいくつかのアヤックスを探検するつもりだと思います。しかし、これを実現させるためには何が起こるのかをより明確に把握したいと思っています。

ウェブページを所定の幅と高さでライブビューする以外は、このようなことを達成したいと思います。このリンクの画像をクリックしてください：http://www.sphinxnow.com/portfolio/

Answer 1

私はウェブ上でのiOSブラウザのレンダリングを偽るためのオンラインサービスや方法について知らないです。来場者にちょっとしたパンをさせようと思っているだけの方は、iOSデバイスからスクリーンショットを直接取得して投稿するだけですか？

このサイトはブラウザのユーザーエージェントを正しく設定していないようですが、このサイトを試すことができます - http://www.testiphone.com/。多分彼らはAPIを利用できるでしょう。

それまたはこのサイト - http://iphone4simulator.com/、これはもう少し専門的に見えます。彼らがAPIを持っているなら、あなたは運がいいです。そうでなければiframeそれ？

これはあなたが正しい方向に進むことを望みます。