I. Spoon is a browser extension and server platform that allows apps to be run from Spoon's servers and virtualized in Spoon's ecosystem. It provides a browser sandbox and app library. II. Mouseflow is a click and movement analytics tool that generates heatmaps showing where users click and move their mouse on websites. It can be installed via JavaScript code or a WordPress plugin. III. The document discusses Internet Explorer compatibility issues and introduces the new X-UA-Compatible meta tag to control document rendering mode in IE versions.

1. Gadgets [NO.42]
bangyan@taobao.com

2. Spoon
[汤匙]
http://www.spoon.net

3. What's Spoon Plugin?
I. browser extension
II.run apps from spoon servers

4. Spoon Server
enable enterprise stream apps via the web
Spoon Studio
virtualize apps in the spoon ecosystem[生态系统]
http://www.spoon.net/Media/App-Virtualization-Company-Xenocode-Changes-
Name-to-Spoon-2010-06.pdf

5. For f2e
Spoon Browser Sandbox
http://www.spoon.net/Browsers

6. Win Mac
Firefox 3/3.5
Chrome
Internet Explorer 6/7/8
Safari 2/3/4
Opera 9/10
http://www.spoon.net/Help/#Developers

7. Spoon App Library
http://www.spoon.net/Apps

8. Mouseflow [鼠标流]
http://www.mouseflow.com

9. What's Mouseflow?
I. link & page analytics
II.cick & movement & viewport heatmaps

10. Click heatmaps

11. Movement heatmaps

12. Viewport maps

13. Installation
• insert js code
• mouseflow WP plugin
PS: about WP analytics code

14. WP Analytics
file:google-analytics.php
<?php
add_action('wp_footer', 'google_analytics_code');
function google_analytics_code()
{
include('google-analytics.txt');
}
?>
file:google-analytics.txt
<!-- Google Analytics code here -->
http://www.mangguo.org/wordpress-statistical-code-plugin/

15. Internet Explorer 9

16. But…
Internet Explorer 9
Will Never Be on Windows XP
http://tech.163.com/digi/10/0920/10/6H13ID1N001618J1.html

18. And…
Compatibility
IE6/7/8/9 & shell browsers
http://www.mangguo.org/wordpress-statistical-code-plugin/

19. IE Compatibility
Browser mode
I. User-Agent (UA) string IE send
to server
II.default IE Document Mode
III.IE evaluate Conditional
Comments

20. IE Compatibility
Document Mode
I. IE’s Trident engine render the
markup in specified mode
II.Changing the Document Mode
refreshes the page, but does
not resend the UA string or
retrieve new markup from the
server

21. new X-UA-Compatible
Two new X-UA-Compatible values
Meta tag or HTTP header content
= “IE=______”
EmulateIE9
no doctype or quirks doctype ? rendered in
quirks mode : IE9 standards
IE9
render in IE9 standards mode, ignore doctype

22. new X-UA-Compatible
<meta http-equiv="X-UA-Compatible“
content="IE=EmulateIE7; IE=EmulateIE9“ />
IE8 render in IE7 Standards mode
IE9 render in IE9 Standards mode
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-
features-for-site-developers.aspx

23. So…
x-ua-compatibal is needed
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
http://www.mangguo.org/wordpress-statistical-code-plugin/

24. HTML5
[光影]

25. Origin
http://capped.tv/playeralt.php?vid=xplsv-or_so_they_say|mq

26. The end!
H市网瘾少年电击治疗，一天被击20多次，生死不明。
http://www.cnbeta.com/articles/122351.htm