load-css/test-load-css.html at master · pruzand/load-css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<script src="./requirejs/require.js"></script>
	<script>

		console.log = function(msg) {
			var cons = document.getElementById("cons");
			var content = cons.innerHTML;
			content += msg + "<br/>";
			cons.innerHTML = content;
		}

		function doIt(){
			require(["app/MyModule3"], function(MyModule3){
				new MyModule3();
			});
		}

		require([
			"app/MyModule",
			"app/MyModule2",
			"requirejs-domready/domReady!"
		], function(MyModule, MyModule2) {
			/*
			Chrome W7: wait:ok
			FF 29 W7: wait ok
			IE11 wait: ok
			IE10 wait: ok
			IE9 wait: ok

			Safari 7.0.6/MacOSX: wait: ok
			Safari iOS 7.1.1 wait: ok
			Safari iOS 7.0 wait: ok
			Safari iOS 6.0.1 wait: ok

			Android 4.4/chrome: wait ok
			Android 4.1.2/S3/ Stock Browser: wait ok
			Android 4.2.2/S4/ Stock Browser: wait ok
			Android 4.4.2/HTCOne/ Stock Browser: wait ok

			WP8/IE10: wait: ok
			*/

			/*
			 * onload tests:

			 S5/Stock Browser/ WebKit 537.36: Y
			 S4 4.2.2/Stock Browser/ WebKit 535.19: N
			 S3Mini 4.1.2/Stock Browser/ WebKit 534.30: N
			 S3M 4.3/Stock Browser/ WebKit 534.30: N
			 Galaxy Tab 4.2.2/Stock Browser/ WebKit 534.30: N
			 HTC One 4.4.2 / Stock Browser / WebKit 534.30 N

			 iPhone iOS 7.0.6 / WebKit 537.51 Y
			 iPad iOS 6.1.3 / WebKit 536.26 Y
			 iPad iOS 6 / WebKit 534.46 N
			 WP8/IE10: Y

			 */

			new MyModule();
			new MyModule2();
			document.querySelector("button").disabled = false;
		})
	</script>

	<style>
		#cons {
			width:100%;
		}
	</style>
<body>

<button onclick="doIt();" disabled="true">Load Module3</button>
<div id="cons"></div>
</body>
</html>