{"id":95,"date":"2013-02-21T18:11:13","date_gmt":"2013-02-21T10:11:13","guid":{"rendered":"http:\/\/weitaoc.com\/?p=95"},"modified":"2013-02-22T21:54:07","modified_gmt":"2013-02-22T13:54:07","slug":"%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%a8%e5%b1%8fjs%ef%bc%8c%e5%85%bc%e5%ae%b9google-chrome","status":"publish","type":"post","link":"http:\/\/weitaoc.com\/?p=95","title":{"rendered":"\u6d4f\u89c8\u5668\u5168\u5c4fjs\uff0c\u517c\u5bb9google Chrome"},"content":{"rendered":"

\u4e0d\u77e5\u9053\u4e3a\u4ec0\u4e48\uff0c\u6211\u89c9\u5f97\u6211\u73b0\u5728\u8d8a\u6765\u8d8a\u50cf\u4e00\u4e2a\u7f8e\u5de5\uff0c\u8fd9\u53ef\u4e0d\u662f\u6b67\u89c6\u7f8e\u5de5\uff0c\u4f46\u662f\u4e0d\u5f97\u4e0d\u8bf4\u5230\u5e95\u8fd8\u662f\u5e72\u4e86\u7f8e\u5de5\u7684\u6d3b\u3002<\/p>\n

\u4e3a\u4e86\u8ba9\u7cfb\u7edf\u770b\u8d77\u6765\u66f4\u597d\u987a\u773c\uff0c\u4e5f\u4e3a\u4e86\u80fd\u6709\u70b9\u7279\u8272\uff0c\u6240\u4ee5\u6dfb\u52a0\u4e86\u4e00\u4e2a\u201c\u5168\u5c4f\u6a21\u5f0f\u201d\uff0c\u4f46\u662f\u5927\u4e49\u4e0a\u662f\u6253\u7740\u7528\u6237\u4f53\u9a8c\u7684\u53e3\u53f7\uff1b<\/p>\n

\"\u987a\u5fb7\"<\/a>

\u987a\u5fb7<\/p><\/div>\n

\u4e0d\u8fc7\u5168\u5c4f\u8d77\u6765\u6548\u679c\u786e\u5b9e\u5f88\u663e\u8457\uff0c\u6709\u70b9\u5bf9\u4e0d\u8d77\u4eba\u7684\u662f\u53ea\u80fd\u5728IE\u4e0b\u5b9e\u73b0\uff0c\u5e76\u4e14\u662fIE 8+\uff0c\u597d\u5427\uff0c\u53cd\u6b63\u4e0d\u662f\u5f00\u653e\u5f0f\u7cfb\u7edf\uff0c\u5c06\u5c31\u5427\u3002\u76f8\u4fe1\u5927\u5bb6\u968f\u4fbf\u767e\u5ea6\u4e00\u4e0b\u90fd\u53ef\u4ee5\u627e\u5230\u8fd9\u6bb5js\u4ee3\u7801\uff0c\u4f46\u662f\u597d\u4eba\u505a\u5230\u5e95\uff0c\u5199\u90fd\u5199\u8fd9\u4e48\u591a\u4e86\uff0c\u4ee3\u7801\u4e5f\u8d34\u4e0a\u6765\u5427\u3002<\/p>\n

1
2
3
4
<\/div><\/td>
opean =<\/span> function<\/span>(<\/span>)<\/span>{<\/span>
\nvar<\/span> wsh =<\/span> new<\/span> ActiveXObject(<\/span>"WScript.Shell"<\/span>)<\/span>;<\/span>
\nwsh.sendKeys<\/span>(<\/span>"{F11}"<\/span>)<\/span>;<\/span>
\n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

\u81f3\u4e8e\u5168\u90e8\u4ee3\u7801\u561b\uff0c\u76f8\u4fe1\u5927\u5bb6\u90fd\u80fd\u81ea\u5df1\u505a\u3002<\/p>\n

\u6548\u679c\u662f\u51fa\u6765\u4e86\uff0c\u4e0d\u8fc7\u5176\u5b9e\u6211\u66f4\u52a0\u60f3\u5728google\u00a0Chrome\u91cc\u9762\u5b9e\u73b0\uff0c\u540e\u6765\u5c1d\u8bd5\u4e86\u5f88\u591a\u65b9\u6cd5\uff0c\u663e\u7136\u662f\u4e0d\u53ef\u53d6\u7684\u3002\u5728\u8fd9\u91cc\u6211\u58f0\u660e\u4e00\u4e0b\uff0c\u6280\u672f\u6027\u7684\u4e1c\u897f\u8fd8\u662f\u7528google\u6bd4\u8f83\u597d\uff0c\u53cd\u6b63\u6211\u767e\u5ea6\u4e86\u597d\u4e45\u4e5f\u6ca1\u6709\u627e\u5230\u89e3\u51b3\u65b9\u6848\uff0c\u8fd8\u662f\u8c37\u6b4c\u5b9e\u5728\u3002<\/p>\n

demo\u5982\u4e0b\uff1a<\/p>\n

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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<\/div><\/td>
FullScreen API
\n
\n<<\/span>style><!--<\/span>
\nbody {<\/span>
\nbackground:<\/span> #F3F5FA;<\/span>
\n}<\/span>
\n#container {<\/span>
\nwidth:<\/span> 600px;<\/span>
\npadding:<\/span> 30px;<\/span>
\nbackground:<\/span> #F8F8F8;<\/span>
\nborder:<\/span> solid 1px #ccc;<\/span>
\ncolor:<\/span> #111<\/span>;<\/span>
\nmargin:<\/span> 20px auto;<\/span>
\nborder-<\/span>radius:<\/span> 3px;<\/span>
\n}<\/span>
\n
\n#specialstuff {<\/span>
\nbackground:<\/span> #33e;<\/span>
\npadding:<\/span> 20px;<\/span>
\nmargin:<\/span> 20px;<\/span>
\ncolor:<\/span> #fff;<\/span>
\n}<\/span>
\n#specialstuff a {<\/span>
\ncolor:<\/span> #eee;<\/span>
\n}<\/span>
\n
\n#fsstatus {<\/span>
\nbackground:<\/span> #e33;<\/span>
\ncolor:<\/span> #111<\/span>;<\/span>
\n}<\/span>
\n
\n#fsstatus.fullScreenSupported<\/span> {<\/span>
\nbackground:<\/span> #3e3;<\/span>
\n}<\/span>
\n--><\/<\/span>style>&<\/span>nbsp;<\/span>
\n<<\/span>div id=<\/span>"container"<\/span>><\/span>
\n<<\/span>h1><\/span>FullScreen API Testing<\/<\/span>h1><\/span>
\n<<\/span>div id=<\/span>"specialstuff"<\/span>><\/span>
\n
\nInside here is special stuff which will go fullscreen
\n
\nAs of 10<\/span>\/<\/span>20<\/span>\/<\/span>2011<\/span>,<\/span> you'll need Safari 5.1,
\n
\n<a href="http:\/\/tools.google.com\/dlpage\/chromesxs">Chrome Canary<\/a>,
\n
\nor <a href="http:\/\/nightly.mozilla.org\/">Firefox Nightly<\/a>
\n
\nStatus: <span id="fsstatus"><\/span>
\n
\n<\/div>
\n<input id="fsbutton" type="button" value="Go Fullscreen" \/>
\n
\n<a href="http:\/\/johndyer.name\/native-fullscreen-javascript-api-plus-jquery-plugin\/">Back to article<\/a>
\n
\n<\/div>
\n<script type="text\/javascript">\/\/ <![CDATA[
\n\/*
\nNative FullScreen JavaScript API
\n-------------
\nAssumes Mozilla naming conventions instead of W3C for now
\n*\/
\n
\n(function() {
\nvar
\nfullScreenApi = {
\nsupportsFullScreen: false,
\nisFullScreen: function() { return false; },
\nrequestFullScreen: function() {},
\ncancelFullScreen: function() {},
\nfullScreenEventName: '<\/span>',
\nprefix: '<\/span>'
\n},
\nbrowserPrefixes = '<\/span>webkit moz o ms khtml'.split('<\/span> ');
\n
\n\/\/ check for native support
\nif (typeof document.cancelFullScreen != '<\/span>undefined<\/span>') {
\nfullScreenApi.supportsFullScreen = true;
\n} else {
\n\/\/ check for fullscreen support by vendor prefix
\nfor (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
\nfullScreenApi.prefix = browserPrefixes[i];
\n
\nif (typeof document[fullScreenApi.prefix + '<\/span>CancelFullScreen' ] != '<\/span>undefined<\/span>' ) {
\nfullScreenApi.supportsFullScreen = true;
\n
\nbreak;
\n}
\n}
\n}
\n
\n\/\/ update methods to do something useful
\nif (fullScreenApi.supportsFullScreen) {
\nfullScreenApi.fullScreenEventName = fullScreenApi.prefix + '<\/span>fullscreenchange';
\n
\nfullScreenApi.isFullScreen = function() {
\nswitch (this.prefix) {
\ncase '<\/span>':
\nreturn document.fullScreen;
\ncase '<\/span>webkit':
\nreturn document.webkitIsFullScreen;
\ndefault:
\nreturn document[this.prefix + '<\/span>FullScreen'];
\n}
\n}
\nfullScreenApi.requestFullScreen = function(el) {
\nreturn (this.prefix === '<\/span>') ? el.requestFullScreen() : el[this.prefix + '<\/span>RequestFullScreen']();
\n}
\nfullScreenApi.cancelFullScreen = function(el) {
\nreturn (this.prefix === '<\/span>') ? document.cancelFullScreen() : document[this.prefix + '<\/span>CancelFullScreen']();
\n}
\n}
\n
\n\/\/ jQuery plugin
\nif (typeof jQuery != '<\/span>undefined<\/span>') {
\njQuery.fn.requestFullScreen = function() {
\n
\nreturn this.each(function() {
\nvar el = jQuery(this);
\nif (fullScreenApi.supportsFullScreen) {
\nfullScreenApi.requestFullScreen(el);
\n}
\n});
\n};
\n}
\n
\n\/\/ export api
\nwindow.fullScreenApi = fullScreenApi;
\n})();
\n\/\/ ]]><\/script>
\n
\n<script type="text\/javascript">\/\/ <![CDATA[
\n\/\/ do something interesting with fullscreen support
\nvar fsButton = document.getElementById('<\/span>fsbutton'),
\nfsElement = document.getElementById('<\/span>specialstuff'),
\nfsStatus = document.getElementById('<\/span>fsstatus');
\nif (window.fullScreenApi.supportsFullScreen) {
\nfsStatus.innerHTML = '<\/span>YES:<\/span> Your browser supports FullScreen';
\nfsStatus.className = '<\/span>fullScreenSupported';
\n
\n\/\/ handle button click
\nfsButton.addEventListener('<\/span>click', function() {
\nwindow.fullScreenApi.requestFullScreen(fsElement);
\n}, true);
\n
\nfsElement.addEventListener(fullScreenApi.fullScreenEventName, function() {
\nif (fullScreenApi.isFullScreen()) {
\nfsStatus.innerHTML = '<\/span>Whoa,<\/span> you went fullscreen';
\n} else {
\nfsStatus.innerHTML = '<\/span>Back to normal';
\n}
\n}, true);
\n
\n} else {
\nfsStatus.innerHTML = '<\/span>SORRY:<\/span> Your browser does not support FullScreen';
\n}
\n\/\/ ]]><\/script>
\n
\n<script type="text\/javascript">\/\/ <![CDATA[
\nvar _gaq = _gaq || [];
\n_gaq.push(['<\/span>_setAccount','<\/span>UA-<\/span>3734687<\/span>-<\/span>9<\/span>']);
\n_gaq.push(['<\/span>_trackPageview'],['<\/span>_trackPageLoadTime']);
\n(function() {
\nvar ga = document.createElement('<\/span>script'); ga.type = '<\/span>text\/<\/span>javascript'; ga.async = true;
\nga.src = ('<\/span>https:<\/span>' == document.location.protocol ? '<\/span>https:<\/span>\/\/ssl' : 'http:\/\/www') + '.google-analytics.com\/ga.js';<\/span>
\nvar<\/span> s =<\/span> document.getElementsByTagName<\/span>(<\/span>'script'<\/span>)<\/span>[<\/span>0<\/span>]<\/span>;<\/span> s.parentNode<\/span>.insertBefore<\/span>(<\/span>ga,<\/span> s)<\/span>;<\/span>
\n}<\/span>)<\/span>(<\/span>)<\/span>;<\/span>
\n\/\/ ]]><\/script><\/span>
\n
\n<<\/span>script type=<\/span>"text\/javascript"<\/span>><\/span>\/\/ <![CDATA[<\/span>
\nvar<\/span> clicky =<\/span> {<\/span> log:<\/span> function<\/span>(<\/span>)<\/span>{<\/span> return<\/span>;<\/span> }<\/span>,<\/span> goal:<\/span> function<\/span>(<\/span>)<\/span>{<\/span> return<\/span>;<\/span> }<\/span>}<\/span>;<\/span>
\nvar<\/span> clicky_site_id =<\/span> 117587<\/span>;<\/span>
\n(<\/span>function<\/span>(<\/span>)<\/span> {<\/span>
\nvar<\/span> s =<\/span> document.createElement<\/span>(<\/span>'script'<\/span>)<\/span>;<\/span>
\ns.type<\/span> =<\/span> 'text\/javascript'<\/span>;<\/span> s.async<\/span> =<\/span> true<\/span>;<\/span>
\ns.src<\/span> =<\/span> '\/\/static.getclicky.com\/js'<\/span>;<\/span>
\n(<\/span> document.getElementsByTagName<\/span>(<\/span>'head'<\/span>)<\/span>[<\/span>0<\/span>]<\/span> ||<\/span> document.getElementsByTagName<\/span>(<\/span>'body'<\/span>)<\/span>[<\/span>0<\/span>]<\/span> )<\/span>.appendChild<\/span>(<\/span> s )<\/span>;<\/span>
\n}<\/span>)<\/span>(<\/span>)<\/span>;<\/span>
\n\/\/ ]]><\/script><\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

\u4e0d\u8fc7\u5f97\u63d0\u9192\u4e00\u4e0b\uff0c\u8fd9\u662f\u57fa\u4e8ehtml5\u7684\uff0c\u5982\u679c\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301html5\u7684\u8bdd\uff0c\u62dc\u6258\u60a8\u8fd8\u662f\u6b47\u6b47\u5427\u3002
\n\u53e6\u5916\uff0c\u503c\u5f97\u4e00\u63d0\u7684\u662fjquery\u63d2\u4ef6\u7684\u4e3b\u9875\u4e0a\u51fa\u73b0\u4e86\u4e00\u4e2a\u5168\u5c4f\u89c6\u9891\u7684API\uff0c\u503c\u5f97\u5173\u6ce8\u54e6\u3002<\/p>\n

\u5168\u5c4f\u5728\u7ebf\u6f14\u793a\uff1ahttp:\/\/johndyer.name\/lab\/fullscreenapi\/<\/a><\/p>\n

jquery\u63d2\u4ef6\u4e3b\u9875-\u89c6\u9891\u5168\u5c4f\uff1ahttp:\/\/johndyer.name\/native-fullscreen-javascript-api-plus-jquery-plugin\/<\/a><\/p>\n

\u4ecb\u7ecdHTML5\u4e2d\u7684\u5168\u5c4fAPI\uff1ahttp:\/\/jackyrong.iteye.com\/blog\/1452281<\/a><\/p>\n

HTML5 \u5168\u5c4f API\uff1ahttp:\/\/sofish.de\/1959<\/a><\/p>\n

\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a\u8ff7\u8def\u7684\u8001\u9f20<\/a> » \u6d4f\u89c8\u5668\u5168\u5c4fjs\uff0c\u517c\u5bb9google Chrome<\/a><\/p>","protected":false},"excerpt":{"rendered":"

\u4e0d\u77e5\u9053\u4e3a\u4ec0\u4e48\uff0c\u6211\u89c9\u5f97\u6211\u73b0\u5728\u8d8a\u6765\u8d8a\u50cf\u4e00\u4e2a\u7f8e\u5de5\uff0c\u8fd9\u53ef\u4e0d\u662f\u6b67\u89c6\u7f8e\u5de5\uff0c\u4f46\u662f\u4e0d\u5f97\u4e0d\u8bf4\u5230\u5e95\u8fd8\u662f\u5e72\u4e86\u7f8e\u5de5\u7684\u6d3b\u3002 \u4e3a\u4e86\u8ba9\u7cfb\u7edf\u770b\u8d77\u6765\u66f4\u597d\u987a\u773c\uff0c\u4e5f\u4e3a\u4e86\u80fd\u6709\u70b9\u7279\u8272\uff0c\u6240\u4ee5\u6dfb\u52a0\u4e86\u4e00\u4e2a\u201c\u5168\u5c4f\u6a21\u5f0f\u201d\uff0c\u4f46\u662f\u5927\u4e49\u4e0a\u662f\u6253\u7740\u7528\u6237\u4f53\u9a8c\u7684\u53e3\u53f7\uff1b \u4e0d\u8fc7\u5168\u5c4f\u8d77\u6765\u6548\u679c\u786e\u5b9e\u5f88\u663e\u8457\uff0c\u6709\u70b9\u5bf9\u4e0d\u8d77\u4eba\u7684\u662f\u53ea […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[15],"class_list":["post-95","post","type-post","status-publish","format-standard","hentry","category-front-end","tag-js"],"views":3880,"_links":{"self":[{"href":"http:\/\/weitaoc.com\/index.php?rest_route=\/wp\/v2\/posts\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/weitaoc.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/weitaoc.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/weitaoc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/weitaoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":0,"href":"http:\/\/weitaoc.com\/index.php?rest_route=\/wp\/v2\/posts\/95\/revisions"}],"wp:attachment":[{"href":"http:\/\/weitaoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/weitaoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/weitaoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}