成都网站建设设计

将想法与焦点和您一起共享

html5白板,网页版白板

浏览器不支持html5怎么解决

第一种方法:IE9以下版本的IE将创建HTML5标签, 非IE浏览器会忽略这段代码,因此不会发生http请求,也就不影响网页执行效率。

创新互联建站是网站建设技术企业,为成都企业提供专业的成都网站制作、网站设计,网站设计,网站制作,网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制适合企业的网站。10年品质,值得信赖!

!--[if lt IE9]

script

(function() {

if (!

/*@cc_on!@*/

0) return;

var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');

var i= e.length;

while (i--){

document.createElement(e[i])

}

})()

/script

![endif]--

第二种方法:在你的网页中引入Google的html5shiv包(推荐)

!--[if lt IE9]

script src=""/script

![endif]--

但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局

/*html5*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的"白板"网页,我们该怎么解决呢?

我们可以参照facebook的做法,即引导用户进入带有noscript标识的 “/?_fb_noscript=1”页面,用 html4 标签替换 html5 标签,这要比为了保持兼容性而写大量 hack 的做法更轻便一些。

!--[if lte IE 8]

noscript

style.html5-wrappers{display:none!important;}/style

div class="ie-noscript-warning"您的浏览器禁用了脚本,请a href=""查看这里/a来启用脚本!或者a href="/?noscript=1"继续访问/a.

/div

/noscript

![endif]--

引导用户开启脚本,或者直接跳转到HTML4标签设计的界面。

我的用的谷歌浏览器,为什么我的html文件显示的是白板,如果用ie图标正常,这是为什么?求靠谱的回答~~

这个是兼容问题,如果你非得用这个又要好看,那属性里设置下显示图标吧

html5开发App入门求助

html5+javascript,可以借助appscan、apicloud这种跨平台开发工具,可以同时开发多端。

使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上,而移动App的文件存放在手机本地,编写移动App的html、js、css文件被打包到ipa或apk等原生安装包,在手机客户端运行。

用个更形象的列子,web app仍然是b/s结构,而移动App是c/s结构甚至是完全脱线的单机应用。

这或许有点超过一些人的想象,他们认为HTML就是web、就是b/s,事实上javascript早已可通过nodejs等技术运行在服务器侧,而在HBuilder的移动App里,HTML、JS等文件也可以被打包成原生安装包。

当然这些移动App里某些页面也可以继续从服务器端以网页方式下行,就像任何原生应用(如微信)都可以内嵌网页一样。

所以mobile web,在HBuilder里新建项目时,属于web项目。不要放置到移动App项目下。mobile web项目也不能真机联调和打包。

智游教育:举几个例子说明mobile web和移动App的区别。

例1:把一个mobile web项目,打包成移动App。

1. 在HBuilder里新建一个web项目,把mobile web代码放进去。

2. 在HBuilder里新建移动App

3. 在新建的移动App下找到manifest.json,将其中的入口页面配置为mobile web的网络地址。

4. 然后点发行打包,就得到一个移动App的安装包。除了有个安装包和桌面有个快捷方式外,与浏览器的体验不会有其他区别。

5. 不过注意,这样的移动App体验很差,它在页面跳转时会像浏览器那样切换并且白屏,它完全无法脱线使用,没有网络时点开这个app只能看到一片白板。这样的app在Apple的Appstore审核时是无法通过的,其他大的安卓市场也不会允许发行。

例子2:正规的移动App

1. 在HBuilder里新建移动App项目

2. 在移动App里编写html、Js、css文件,本地js通过ajax方式请求服务器数据,通过plus.net对象避开跨域限制

3. 移动App里的js可以通过plus对象调用手机原生能力

4. 编写好的移动App点打包变成安装包,这才是一个体验良好的、可上线的移动App。


文章名称:html5白板,网页版白板
分享URL:http://chengdu.cdxwcx.cn/article/dsdjjcd.html