HTML5 安全问题解析

标签： html html5 web安全

本文参阅：

w3school:html5相关基础知识（w3school.com.cn）

51CTO的HTML5安全专题

FREEBUFF上有关HTML5的安全文章（FREEBUFF搜索关键词：html5）

相关技能博客和杂文（百度搜索关键词：html5 安全）

文章概要：

html5相关新技能

跨域资源共享（CORS）安全问题

本地数据库注入（Web Sql Injection）

本地存储风险（Local Storage and Session Storage）

js多线程（Web Worker）风险

Web Socket带来的嗅探风险

新标签风险

新API风险

正文：

0x01 html5相关新技能

1. XMLHttpRequest Level 2 (CORS)

XMLHttpRequest首要供给了js直接发送恳求的接口，在老版别中有以下缺陷：

只能支撑文本数据传送，其他数据不行

没有即时进展信息，只要完结与否的状况

不能跨域传输，只能同域内进行传输

在新版别的XMLHttpRequest中（level 2），以上都得到了完成，其中最要害的是能够在服务器和浏览器自身的支撑下进行跨域传输。

详细细节请参阅：阮一峰的博客

2. 本地存储

详细运用办法请见：w3school.com.cn

3. web sql（本地数据库 已抛弃）

一起，html5供给了本地数据库支撑，默许是sqlite这一轻量级的数据库，能够存储一些暂时材料或许缓存。

操作办法详见此处

4. web worker（js多线程履行）

因为js时单线程履行的，所以在h5之前，履行js是会堵塞UI的，h5完成了web worker这一机制，然后使得js也能够运用子线程去履行任务然后不堵塞主UI线程了。

操作办法详见此处

5. web socket （服务器推送机制）

6. 新标签和新api

0x02 Ajax跨域资源共享（CORS）安全问题

1. 跨域资源恳求的办法：

ajax在之前是要严厉遵守同源战略的，可是在h5中为了供给更好的运用性，诞生了ajax跨域的办法-CORS。跨域资源共享是为了处理跨域恳求的问题的。

除了CORS这个计划，还有别的两种跨域恳求的办法，一个是运用jsonp的办法，一个是运用flash的跨域计划，经过服务器上的crossdomain.xml来操控跨域。

2. CORS的做法：

CORS的跨域办法是经过：Access–Control-Allow-Origin这个头以及其他的头来完成的，客户端跨域拜访一个服务器，服务器会确认这个这个域名是否有权限来获取资源，若有则回来一个带有Access–Control-Allow-Origin头的response以及资源。若无则回来一个权限过错：XMLHttpRequest cant load .....

3. 风险点：

4. 防护姿态：

不要对Access–Control-Allow-Origin运用 *

要对跨域恳求验证session信息。

严厉检查恳求信息，比方恳求参数，还有http头信息。

[1] [2] [3]  黑客接单网