前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 技巧应用 » 如何直接在github上预览html网页效果

如何直接在github上预览html网页效果

发布者:前端集合 // 发布时间:2013-02-20 08:08:00 // 分类:技巧应用 // 访问: 42,657 次 // 热度:

在github上托管的项目, 经常会存放一些demo的html文件在里面, 比如像下面这样的:

我们直接点击的话只能看到html源代码, 那么有没有什么办法直接看html网页效果而不用下载呢?

答案是有的. 它就是: http://htmlpreview.github.com/. 直接把github上html文件的链接复制过去即可, 如图:

比如, Github上有这么一个文件 https://github.com/aisinvon/VerticalMiddleForUnknownHeightDiv/blob/master/Set-Unknown-Height-Div-to-Vertical-Middle.html, 如果直接访问是这样的:

image

只有这样访问才能直接在网页预览到效果: http://htmlpreview.github.com/?https://github.com/aisinvon/VerticalMiddleForUnknownHeightDiv/blob/master/Set-Unknown-Height-Div-to-Vertical-Middle.html

Hope this helps. :)

Tags: github, github网页预览, github效果预览

基于PHP的移动设备网站优化>>  << 3种检测移动设备的方法
Top