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

时间:2016-06-03 15:47:12

标签: javascript html css

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

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

在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

希望这有帮助