HTML5用一个退出按钮实现中断服务器的连接

如果 JQuery 的话可以先订一个 xhr 的变数函数代表你接入点

例如

var socket = new WebSocket(host) {}

var xhr = $ajax({

type: "POST",

url: "网址",

success: function(msg){

}

});

// 取消连接

$("#cancel")click(function() {

xhrabort();

socketclose();

// 然後再运行关闭窗口

});

随着移动互联网的飞速发展，目前Html5技术也得到了不断的完善，开发技术方面越来越成熟了，成为了目前主流的开发语言之一。html5的特性在五个方面体现的淋漓尽致

1、语义特性：

HTML5赋予网页更好的意义和结构。

2、HTML5 APP Cache及本地存储：

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度

3、设备兼容：

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。

4、连接特性：

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。

5、图形特性：

基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。

C#的话，直接用signalR就好了，到处都有消息推送和即时聊天的例子。signalR的好处是，它在html5上使用websocket，在早期浏览器上自动降级为长轮询，还可以支持各种客户端、服务器端语言。不用关心底层。

　　根据优势选着你觉得合适自己的：

　　bootstrap：优势与劣势

　　bootstrap

2以后的版本不支持IE6。当你的网站需要支持ie6的时候，这时是缺点。当网站不需要支持ie6减少了兼容代码的处理，马上又变成了优点。

　　总体而已，Bootstrap 属于前端 ui

库，通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师，省去了很多编写前端处理时的痛苦。个人使用搭个博客什么的比较方便。

　　相对于公司，直接使用 Bootstrap

感觉不多，大公司都有自己的前端开发设计人员，也会设计自己的css库。当然，Bootstrap开源，对于学习如何组织css还是很有必要。

　　个人认为：bootstrap最大的缺点在于 --------- 大家做出来的网站都一个摸样。

　　html5：优势与劣势

　　1、摆脱对平台的依赖

　　HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。

　　2、实时更新

　　实时更新，通常平台的审核都需要七个工作日左右的时间，如果你发布之后发现问题怎么办Web方式就不存在这种问题。

　　3、离线使用

　　用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。

　　4、代码更安全安全

　　使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。

　　5、跨平台

　　HTML5可以做到跨平台，多数核心代码不用重写，Javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。

　　6、可以充分利用Native

　　HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。

　　HTML5 可能对移动 Web 带来更多好处，原因是，现在的移动 Web，iPhone 占主导地位，而 iPHone 是不支持 Flash

的。HTML5 还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是 SEO，Google

4月9号宣布，将页面加载速度作为搜索排名的一个因素，因此，基于 HTML5 的页面也会因加载速度更快而受益。

　　不过，和任何新技术的降临一样，其中也会牵扯到一些问题，对 Web

设计者而言，最大的一个问题就是因为这些新标签的引入，各浏览器之间将缺少一种统一的数据描述格式。

　　在 HTML5 被广泛采用之前，我们还无法完全知道 HTML5

代码将带来的好与坏，总体来说，对开发者而言，这将是一个巨大的变化，而对图形设计师而言，还不明朗。

其实网站就是一个文件浏览器一样 只是通过代码排版让页面更好看 网站文件是一个文件夹（如图） 一般下载的模板 是压缩的 把相对应网站的文件夹上传到你说的云服务器中 再绑定一个域名 就能浏览了

。

遇到这种情况，屡试不爽的方法:

1，清除缓存:ctrl+shift+delete，点确认。再不行的话，就是路径出了问题，继续往下做。

2，在网页中，按f12，点击控制器(controller)，看一下哪些css或js路径或者名称写错的，控制器那里会有一堆红色或淡**的鸡肠显示出来。改完，确定无误后，再执行第一步操作。

3，嗯，如果还不行，就可能是浏览器兼容问题，亦或是html结构不对了。如果是这样，可以加我详聊。

希望有所帮助～

根据w3school原文

This was also possible before, but the web page would have to ask if any updates were available With server-sent events, the updates come automatically

以下是个人理解

这个event是需要客户端发送给服务器一个request让服务器来查看是否有更新，然后如果有更新服务器将更新自动发回客户端，

所谓的 one way messaging,指的是客服端与服务器成功建立了EventSource后，客户端发的request不需要夹带任何信息比如user id等，然后服务器将通过这个通道直接发送回message

希望能帮到您