网站移动浏览器

时间:2013-02-20 23:37:59

标签: mobile browser web emulation

希望有人可能知道我的意思以及在哪里可以找到这样的东西。

我正在创建一个新网站,作为其中的一部分,我将提供移动网页设计。如果可能的话,我需要的是,如果用户点击我的一个示例,它会加载移动浏览器(而不是普通网络浏览器上的移动网站)。更像是一个模拟器,可以让他们看到潜在网站的工作示例。

那里有什么可以做到这一点,或者我是否正在打开设置尺寸的新窗口并在其中显示网站?

请注意---在写出来之前,我可能偶然发现了潜在的楼层,因为这可能会暴露代码。

我想我应该考虑使用可以滚动的JPEG或PNG,以免暴露移动网站本身的代码?!

如果有这样的模拟器或可用的喜欢(并且不在背景中显示代码),我会非常乐意指向正确的方向!!

由于 保罗

1 个答案:

答案 0 :(得分:0)

如果我误解了您的问题,请纠正我,但听起来您希望让用户以不同的屏幕尺寸预览响应式设计,同时拒绝他们访问源代码。

如果是这种情况,将设计渲染为平面图像文件以进行预览是最好的选择,即使它会牺牲您设计的任何交互方面。这是一个艰难的权衡。

我认为你有合法的理由隐藏代码。但是,如果还没有,你可能想问问自己是什么促使你首先隐藏你的源代码。网络建立在开放标准和可访问性之上;你必须经历大量的扭曲才能从浏览器中隐藏HTML,CSS和javascript等静态资源。我理解你是否担心粗略的客户在没有付款的情况下使用你的工作,但这更多的是合同/法律问题,而不是技术问题。

也就是说,您可以随时将移动网站的主要内容(或内容图像,如果您必须隐藏代码)放在指定宽度和高度的div中,以直观地模拟手机。用一些手机图片包裹它,用overflow-y: scroll;overflow-x: hidden;控制溢出,然后就可以了。

Web Design Weekly是这个概念的一个很好的例子。

编辑:在我看来,你可以探索的另一个选择是视频而不是静态图像。如果你需要让客户惊叹,总是一个选择。 Typeform.com是我正在谈论的一个很好的例子。