如何在浏览器中创建预览（浏览器中具有预定义内容的浏览器）

Question

我想知道如何创建预览＆＃39;浏览器中的页面。这充当了浏览器本身。我可能不会很好地解释它。我的意思是当你点击“现场演示”时，在www.bootstrapbay.com上做了些什么。主题。我想做一些类似但似乎无法找到任何教程的东西。

我真正想问的是，是否有人可以在正确的搜索词组的文档方面指出我正确的方向。

Answer 1

这只是一个iframe。看看源代码，bootstrapbay只需将iframe放在他们想要显示的'预览'的位置。

<iframe id="preview" height="100%" frameborder="0" width="100%" src="http://bootstrapstarterkit.com/bskit-demo/"></iframe>

Answer 2

在www.bootstrapbay.com上，他们使用的是设计看起来像浏览器的画布 ...如果您想要在网页中进行网页预览，可以使用来完成iframe 。

示例

<iframe src="http://www.bootstrapbay.com">
  <p>Your browser does not support iframes.</p>
</iframe>

更好的例子： http://codepen.io/theConstructor/pen/MewpMy

希望这有帮助