share phantom and zombie

Transcript

1. 1 phantomjs 和 zombie 介绍 石霸 日期：2012年10月9日
2. Do you know Headless browser 1: 什么是浏览器？ 可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和 各种多媒体数据格式进行解释、显示和播放 2: 什么是headless browser？ 就是没有UI界面的browser…..？ 更准确的是：一个不需要展示ui就可以和用户交互运行的浏览器
3. Headless browser
4. Zombie http://zombie.labnotes.org/
5. zombie • 一个nodejs版本的headless browser • 支持的功能 – HTML5 parsing and dealing with tag soups – DOM Level 3 implementation – HTML5 form fields (search, url, etc) – CSS3 Selectors with some extensions – Cookies and Web Storage – setTimeout/setInterval – pushState, popstate and hashchange events – alert, confirm and prompt – WebSockets and Server-Sent Events
6. zombie • Zombie 解析 - 构成
7. zombie 但，这种实现方式目前是不够的
8. zombie Why？
9. Phantomjs http://phantomjs.org/
10. phantomjs • 一个”可执行文件”版本的headless browser • 他能干什么？ PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.
11. Phantomjs 使用 • 尝试一些小例子 – LoadTime – Netlog – Yslow – 牛逼的截图
12. Phantomjs 使用 • 怎么优雅的使用并且可持续集成呢？
13. Phantomjs 使用 • 怎么优雅的使用并且可持续集成呢？ nodejs
14. Phantomjs 使用 • 怎么优雅的使用并且可持续集成呢？ nodejs（phantom-node）
15. Phantomjs适合做什么 HEADLESS WEBSITE TESTING PAGE AUTOMATION SCREEN CAPTURE NETWORK MONITORING
16. Phantomjs 使用 实际的浏览器 可编程，可持续 集成的做产品 非常棒
17. 资料 • http://blog.arhg.net/2009/10/what-is- headless-browser.html • google zombie phantomjs
18. 展望 • 用这个做一个好的产品，我还没想好 – 测试 – 模板上传校验 – 模板online监测 – 主动埋点拿数据 – 其他的….. • 如何平台化，真正的可持续集成 • 期待你的加入