client.html

---
layout: default
title: enable cross-origin resource sharing
---

	<div class="container">
		<section>
		<h1 id="client-side">I want to use CORS from JavaScript</h1>
		<p>More details coming soon. For now you can following the <a href="http://www.html5rocks.com/en/tutorials/cors/">Using CORS</a> tutorial at HTML5 Rocks.</p>
		</section>

		<section>
		<h2>Browser support</h2>
                <div>
		<iframe frameborder="0" width="90%" height="400" src="https://caniuse.com/cors/embed/description&amp;links"></iframe>
		</div>

		</section>

<!-- TODO items:
		<section>
		Overview of how to make CORS requests, including details about:
		<ul>
			<li><a href="http://caniuse.com/#feat=cors" title="Can I use... Support tables for HTML5, CSS3, etc">Browser support</a></li>
			<li>Event handlers (though this is more XHR-related)</li>
			<li>withCredentials</li>
			<li>IE8/9 caveats</li>
			<li>img.crossOrigin and CORS</li>
			<li>One page for each specific technology describing how to make a CORS request:</li>
			<li>CORS requests from raw JS</li>
			<li>CORS requests from Chrome extensions</li>
			<li>CORS requests from FF extensions (though last I checked FF extensions don’t include an Origin header)</li>
			<li>jQuery</li>
			<li>Other client libraries</li>
		</ul>
		</section>
// -->
	</div>