Merge pull request #10427 from looeee/manual/Movepage/detecting_WebGL

Moved page Detecting WebGL and browser compatibility from Wiki to manual

Merge pull request #10427 from looeee/manual/Movepage/detecting_WebGL
Moved page Detecting WebGL and browser compatibility from Wiki to manual
2b00c930 · Mr.doob · GitHub · 003f120a · 8ef5dfa9 · 2b00c930
隐藏空白更改
内联并排

Showing with 33 addition and 0 deletion

docs/list.js docs/list.js +1 -0

docs/manual/introduction/Detecting-WebGL-and-browser-compatibility.html ...troduction/Detecting-WebGL-and-browser-compatibility.html +32 -0

未找到文件。
--- a/docs/list.js
+++ b/docs/list.js
@@ -3,6 +3,7 @@ var list = {
 	"Manual": {
 		"Introduction": [
 			[ "Creating a scene", "manual/introduction/Creating-a-scene" ],
+			[ "Detecting WebGL and browser compatibility", "manual/introduction/Detecting-WebGL-and-browser-compatibility" ],
 			[ "Matrix transformations", "manual/introduction/Matrix-transformations" ],
 			[ "Useful links", "manual/introduction/Useful-links" ],
 			[ "Drawing Lines", "manual/introduction/Drawing-lines" ],

--- a/docs/manual/introduction/Detecting-WebGL-and-browser-compatibility.html
+++ b/docs/manual/introduction/Detecting-WebGL-and-browser-compatibility.html
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<base href="../../" />
+		<script src="list.js"></script>
+		<script src="page.js"></script>
+		<link type="text/css" rel="stylesheet" href="page.css" />
+	</head>
+	<body>
+		<h1>[name]</h1><br />
+		<p>
+			Even those this is becming less and less of a problem, some devices or browsers may not support WebGL.
+			Here is how to check if it is supported and display a warning to the user if it is not.
+		</p>
+
+		<h2>A solution</h2>
+
+		<p>In order to detect webgl compatibility and gracefully inform the user you can add <a href="https://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js">https://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js</a> to your javascript and use this example to avoid even attempting to render anything:</p>
+
+		<pre><code>if (Detector.webgl) {
+		    init();
+		    animate();
+		} else {
+		    var warning = Detector.getWebGLErrorMessage();
+		    document.getElementById('container').appendChild(warning);
+		}
+		</code></pre>
+
+
+	</body>
+</html>