0

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

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

有没有什么可以做到这一点,或者我正在寻找一个新窗口以设置大小并在其中显示网站?

请注意——在写这篇文章时,我可能偶然发现了一个潜在的楼层,因为这可能会暴露代码。

我在想我或许应该考虑放置他们可以滚动浏览的 JPEG 或 PNG,以免暴露移动网站本身背后的代码?!

如果有这样的模拟器或类似的可用(并且不在后台显示代码),我会非常乐意指出正确的方向!

谢谢保罗

4

1 回答 1

0

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

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

我认为您有正当理由隐藏代码。但是,如果还没有,您可能想问问自己是什么促使您首先隐藏您的源代码。网络建立在开放标准和可访问性之上;您将不得不经历很多扭曲才能从浏览器中隐藏 HTML、CSS 和 javascript 等静态资产。我了解您是否担心粗略的客户无偿使用您的作品,但这更多的是合同/法律问题,而不是技术问题。

也就是说,您始终可以将移动网站的主要内容(或如果您必须隐藏代码,则为内容的图像)放置在指定宽度和高度的 div 中,以在视觉上模拟手机。用一些电话图形包裹它,用overflow-y: scroll;和控制溢出,overflow-x: hidden;你就拥有了。

网页设计周刊是这个概念的一个很好的例子。

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

于 2013-02-22T09:50:20.363 回答