html5预览,HTML预览

idea编辑html5，IE不能正常预览

ie对html和JS规范很严格，请自己检查标签是否有遗漏，如果有JS的话，中间不能出现console。

相关问答

Q1: 怎样在pc上预览手机html5滑频效果

这位网友你好，你可以下载一个chrome浏览器，按F12进入控制台，右上角有手机图标，点击可以进入手机模式，左侧上方可以选择不同的手机，用鼠标就可以模拟划屏效果~

Q2: 3、javascript+CSS+Html5实现图片预览（本地和网络图片）

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleTransform/title

style type="text/css"

.test-box{

width:600px;

margin:50px auto;}

.pic{

-webkit-transition:all 1s ease-in-out;

transition:all 1s ease-in-out;

cursor:pointer;}

.top-pic{

position:absolute;

transform:scale(0,0)}

.test-box:hover .top-pic{

-webkit-transform-origin:top right;

-webkit-transform:scale(1,1);}

.test-box:hover .bot-pic{

-webkit-transform:scale(0,0);

-webkit-transform-origin:bottom left;

opacity: .5;

-webkit-transform:rotate(120deg);

-webkit-transform-origin:bottom left;

}

/style

/head

body

div class="test-box"

img class="pic top-pic" src="test-pic01.jpg" /

img class="pic bot-pic" src="test-pic02.jpg" /

/div

/body

/html

随便写了几个效果，没有用到JS，不过要用到JS只要把触发事件替换掉上面的hover就行了，比如：

$(".button").click(function () {

。。。

});

这里面用到CSS3，所以请不要用IE11以下的低版本浏览器，不然你啥都看不见

Q3: 有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档

目前找到的几种方式：

1.像以前的百度文库那样，先转换成flash，然后放在网页上。

说明：使用软件OpenOffice/LibreOffice，swftools。

优点：在国内，由于Flash安装量很大，而且很多人用IE和Chrome内核的浏览器，所以是可以查看的。

缺点：OpenOffice/LibreOffice转换的结果可能会丢失格式/排版（我没试过所以不知道会不会），而且比较耗服务器资源，如果浏览器没装Flash就没法查看文档了，尤其是移动端。

2.转换成PDF，然后用Mozilla的pdf.js查看。

说明：转换成PDF的方法可以用OpenOffice/LibreOffice，也可以用七牛的第三方服务“文档转换”（由亿方云提供）。

优点：如果是把文件存放在七牛云，用在线的服务会比较有保障，加载速度也快。

缺点：收费，不过费用很低廉，pdf.js可能比较大，加载相对慢点，放到七牛上面会好些，对移动端支持不好。

3.转换成HTML，像现在的百度文库那样。

说明：使用PHPOffice和PDFtoHTML将文档转换成HTML直接在浏览器输出，类似现在的百度文库。

优点：浏览器无需安装任何插件，也不用担心兼容性问题，还支持移动端。

缺点：可能会丢失格式，而且用户可以直接拷贝文档内容，如果是扣积分下载的话，可能达不到目的。

Q4: HTML5有没有办法实现一个超链接指向多个图片，并能在手机中滑动预览？

你可以多图片都为一个超链接，一个超链接只能指向一个目标！