网站的移动浏览器

Question

希望有人可能知道我的意思，并在哪里可以找到这样的事情。

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

有没有什么会做到这一点，或者我正在打开一个新的窗口设置大小，并显示其中的网站？

请注意---虽然写这个，我可能已经偶然发现一个潜在的底线，因为这可能会暴露代码。

我想我应该考虑把JPEG或PNG，他们可以滚动浏览，以便暴露移动网站本身背后的代码？！

如果有这样的模拟器或可用的喜欢（并没有在后台显示代码），我会很乐意指出正确的方向！

感谢 保罗

Answer 1

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

如果出现这种情况，将设计渲染为平面图像文件以进行预览是最佳选择，尽管它会牺牲设计的任何交互方面。这是一个粗略的折衷。

我假设你有隐藏代码的合法理由。但是，如果还没有，你可能会想问问自己，首先激发你隐瞒源代码的是什么。该网站建立在开​​放标准和可访问性上;您必须经历许多扭曲才能从浏览器中隐藏HTML，CSS和JavaScript等静态资源。我明白，如果您担心粗略的客户在没有付款的情况下使用您的工作，但这更多的是合同/法律问题而不是技术问题。也就是说，您可以随时将移动网站的主要内容（或者如果您必须隐藏代码的内容的图像）放置在指定宽度和高度的div内，以便可视化模拟手机。用一些手机图形包装它，用overflow-y: scroll;和overflow-x: hidden;控制溢出，然后你就拥有它了。

Web Design Weekly是这个概念在行动中的一个很好的例子。

编辑：它发生在我身上，你可以探索的另一种选择是视频而不是静态图像。总是一个选项，如果你需要哇客户。 Typeform.com就是我正在谈论的一个很好的例子。