JavaScript shell scripting
•
14 likes•6,054 views
JavaScript can be used for many purposes including shell scripting with Windows Script Host (WSH), monitoring and debugging HTTP requests with HTTPWatch, and programmatically interacting with the browser DOM and making HTTP requests with different browsers like Internet Explorer and Firefox. The document demonstrates how to use JavaScript with WSH, HTTPWatch, and the browser DOM to inspect and modify HTTP requests and the DOM structure.
Report
Share
JavaScript shell scripting
- 1. JavaScript is everywhere #42:! C:> WSH !
- 2. Stoyan!
- 4. Programming!
- 5. JavaScript!
- 8. Mobile!
- 9. Desktop!
- 11. Photoshop!
- 12. Form validation too!!
- 14. Shell scripting!
- 15. In Windows!
- 18. var a = "Hello",! b = " WSH!",! c = a + b;! ! WScript.Echo(c);!
- 19. C:>cscript hello.js! Hello WSH!! C:>wscript hello.js!
- 20. Open apps!
- 21. var ie = new ActiveXObject! ("InternetExplorer.Application");! ie.Visible = true;! ie.navigate('yahoo.com');!
- 22. Firefox? !
- 23. HTTPWatch!
- 26. Speed!
- 27. 1. Fix with YSlow !
- 29. Monitor!
- 30. Set limits!
- 31. e.g.! max 2 scripts! max 2 styles! max 9 images! max 0 redirects!
- 33. var http = new ActiveXObject! ("HTTPWatch.Controller"),! ie = http.IE.New(),! ff = http.Firefox.New();!
- 34. // browser cache! ie.clearCache();! ! // show HTTPWatch! ie.OpenWindow(false);!
- 37. var http = new HTTPWatch('ff');! http.go('search.yahoo.com');! http.done();!
- 38. [video]!
- 39. var har = http.toHAR();! har = eval('(' + har + ')');! ! print(har.log.browser.name);! print(har.log.browser.version);! print('# requests: ');! print(har.log.entries.length);!
- 40. Internet Explorer 6.0.29...! # requests: 10! ! Firefox 3.5.6! # requests: 15!
- 41. [video]!
- 42. var comps =! http.getComponentsByType();! ! for (var i in comps) {! print(i);! print(comps[i].length);! }!
- 43. redirect: 1! text/html: 3! image/gif: 4! image/png: 3! text/javascript: 1!
- 44. But wait...!
- 45. What about DOM?!
- 46. [video]!
- 47. var http = new HTTPWatch();! http.go('search.yahoo.com');! ! var d = http.watch.container.document;! ! print(d! ! .getElementsByTagName('*')! ! .length);! ! print(d! ! .documentElement! ! .innerHTML);!
- 48. require('statz.js');! ! var doc = http.watch! ! ! .container.document;! var html = http.har.log! ! ! .entries[0]! ! ! .response.content.text;! ! var out = statz(document, html);! print(out.join("n"));!
- 49. JS attributes (e.g. onclick): 1207 bytes! CSS style attributes: 883! Inline JS: 5243! Inline CSS: 5015! All innerHTML: 17283! # DOM elements: 134! ! Total size: 14124 bytes! Content size: 401 bytes! Content-to-markup ratio: 0.03!
- 50. To summarize...!
- 51. JavaScript! WSH! HTTPWatch! Monitor! DOM and HTTP! IE and Firefox!