Jquery 如何创建网站弹出式显示,以显示在移动设备上呈现时的网站外观?

Jquery 如何创建网站弹出式显示,以显示在移动设备上呈现时的网站外观?,jquery,ajax,popup,Jquery,Ajax,Popup,我正在建立一个网站来展示我创建的网站。在我的postfolio页面上,我希望有一个iphone图标,当点击时,一个弹出窗口会显示该网站在ios设备上的外观。理想情况下,我希望它看起来像是带有x代码的iphone模拟器。换句话说,我希望用户能够在不离开我的网站的情况下上下滚动并浏览实际的网站,而不是让弹出窗口显示网站的静态图像。我想我将不得不探索一些ajax来实现这一点。但我想更清楚地了解要实现这一点需要什么 我想实现这样的东西,除了与一个预定的宽度和高度的网页实时查看。单击此链接中的图像:我不知

我正在建立一个网站来展示我创建的网站。在我的postfolio页面上,我希望有一个iphone图标,当点击时,一个弹出窗口会显示该网站在ios设备上的外观。理想情况下,我希望它看起来像是带有x代码的iphone模拟器。换句话说,我希望用户能够在不离开我的网站的情况下上下滚动并浏览实际的网站,而不是让弹出窗口显示网站的静态图像。我想我将不得不探索一些ajax来实现这一点。但我想更清楚地了解要实现这一点需要什么


我想实现这样的东西,除了与一个预定的宽度和高度的网页实时查看。单击此链接中的图像:

我不知道有任何在线服务或方法可以在web上伪造iOS浏览器渲染。如果你只是想让访问者四处转转,那么直接从iOS设备上获取屏幕截图然后发布这些截图是否有效

看起来此网站没有正确设置浏览器用户代理,但您可以尝试此网站-。也许他们有api可用

那个或者这个网站-,这个看起来更专业一些。如果他们有一个API,你就很幸运了。否则,我会怎么做

希望这能让你走上正确的方向