JavaScript shell scripting

•

14 likes•6,052 views

Stoyan Stefanov

Technology

JavaScript is everywhere #42:!

C:> WSH !

var a = "Hello",!
b = " WSH!",!
c = a + b;!
!
WScript.Echo(c);!

C:>cscript hello.js!
Hello WSH!!

C:>wscript hello.js!

var ie = new ActiveXObject!
("InternetExplorer.Application");!
ie.Visible = true;!
ie.navigate('yahoo.com');!

e.g.!
max 2 scripts!
max 2 styles!
max 9 images!
max 0 redirects!

var http = new ActiveXObject!
("HTTPWatch.Controller"),!
ie = http.IE.New(),!
ff = http.Firefox.New();!

// browser cache!
ie.clearCache();!
!
// show HTTPWatch!
ie.OpenWindow(false);!

ie.Record();!
ie.GotoUrl("yahoo.com");!
http.Wait(ie, -1);!
ie.Stop();!
!
ie.CloseBrowser();!

new HTTPWatch()
http://github.com/stoyan/etc/!

var http = new HTTPWatch('ff');!
http.go('search.yahoo.com');!
http.done();!

var har = http.toHAR();!
har = eval('(' + har + ')');!
!
print(har.log.browser.name);!
print(har.log.browser.version);!
print('# requests: ');!
print(har.log.entries.length);!

Internet Explorer 6.0.29...!
# requests: 10!
!
Firefox 3.5.6!
# requests: 15!

var comps =!
http.getComponentsByType();!
!
for (var i in comps) {!
print(i);!
print(comps[i].length);!
}!

redirect: 1!
text/html: 3!
image/gif: 4!
image/png: 3!
text/javascript: 1!

var http = new HTTPWatch();!
http.go('search.yahoo.com');!
!
var d = http.watch.container.document;!
!
print(d!
! .getElementsByTagName('*')!
! .length);!
!
print(d!
! .documentElement!
! .innerHTML);!

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"));!

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!

JavaScript!
WSH!
HTTPWatch!
Monitor!
DOM and HTTP!
IE and Firefox!

Viewers also liked

High-performance DOM scriptingStoyan Stefanov

JavaScript is everywhereStoyan Stefanov

CSS and image optimizationStoyan Stefanov

Voices that matter: High Performance Web SitesStoyan Stefanov

HTML5 e Css3 - 7 | WebMaster & WebDesignerMatteo Magni

JavaScript Performance PatternsStoyan Stefanov

JavaScript Execution ContextJuan Medina

Reactive JavaScriptStoyan Stefanov

Beyond the DOM: Sane Structure for JS AppsRebecca Murphey

Html5, css3 and the future of web technologiesVõ Duy Tuấn

Trees and Hierarchies in SQLEduard Hildebrandt

Hierarchical data models in Relational Databasesnavicorevn

Trees In The Database - Advanced data structuresLorenzo Alberton

JavaScript for PHP developersStoyan Stefanov

Building Large jQuery ApplicationsRebecca Murphey

Practical Object Oriented Models In SqlKarwin Software Solutions LLC

Sql Antipatterns Strike BackKarwin Software Solutions LLC

Models for hierarchical dataKarwin Software Solutions LLC

Viewers also liked (18)

High-performance DOM scripting

JavaScript is everywhere

CSS and image optimization

Voices that matter: High Performance Web Sites

HTML5 e Css3 - 7 | WebMaster & WebDesigner

JavaScript Performance Patterns

JavaScript Execution Context

Reactive JavaScript

Beyond the DOM: Sane Structure for JS Apps

Html5, css3 and the future of web technologies

Trees and Hierarchies in SQL

Hierarchical data models in Relational Databases

Trees In The Database - Advanced data structures

JavaScript for PHP developers

Building Large jQuery Applications

Practical Object Oriented Models In Sql

Sql Antipatterns Strike Back

Models for hierarchical data

Similar to JavaScript shell scripting

Efficient JavaScript Developmentwolframkriesing

Titanium: Develop Native Mobile Apps with JavaScriptFokke Zandbergen

How to make Ajax Libraries work for youSimon Willison

Be ef presentation-securitybyte2011-michele_orruMichele Orru

Sanjeev ghai 12Praveen kumar

Brunch With CoffeeSébastien Gruhier

node.js - Fast event based web application developmentopenForce Information Technology GesmbH

That’s not your var – JavaScript best practices for C# developersGyörgy Balássy

CoffeeScript, An Introduction for Nodejs developersMehdi Valikhani

Offline Application CacheJonathan Stark

Java script basicVithushan Vinayagamoorthy

Declarative and standards-based web application development with the Ample SDKBéla Varga

Cocoaheads Stockholm 2014-02: Writing your own jailbreak tweakJoachim Bengtsson

Mozilla Web Apps - Super-VanJSRobert Nyman

Node.JS| Coffeescript PresentationSam Frons

jQuery Presentation to Rails DevelopersYehuda Katz

CodeStock :: Introduction To MacRuby and HotCocoaDoc Norton

Appcelerator Alloy MVCFokke Zandbergen

JSConf US 2014: Building Isomorphic AppsSpike Brehm

Intro to node.js - Ran Mizrahi (27/8/2014)Ran Mizrahi

Similar to JavaScript shell scripting (20)

Efficient JavaScript Development

Titanium: Develop Native Mobile Apps with JavaScript

How to make Ajax Libraries work for you

Be ef presentation-securitybyte2011-michele_orru

Sanjeev ghai 12

Brunch With Coffee

node.js - Fast event based web application development

That’s not your var – JavaScript best practices for C# developers

CoffeeScript, An Introduction for Nodejs developers

Offline Application Cache

Java script basic

Declarative and standards-based web application development with the Ample SDK

Cocoaheads Stockholm 2014-02: Writing your own jailbreak tweak

Mozilla Web Apps - Super-VanJS

Node.JS| Coffeescript Presentation

jQuery Presentation to Rails Developers

CodeStock :: Introduction To MacRuby and HotCocoa

Appcelerator Alloy MVC

JSConf US 2014: Building Isomorphic Apps

Intro to node.js - Ran Mizrahi (27/8/2014)

Recently uploaded

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh

AI as an Interface for Commercial BuildingsMemoori

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

How to Remove Document Management Hurdles with X-Docs?XfilesPro

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Recently uploaded (20)

Handwritten Text Recognition for manuscripts and early printed texts

Salesforce Community Group Quito, Salesforce 101

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi

AI as an Interface for Commercial Buildings

Human Factors of XR: Using Human Factors to Design XR Systems

How to Troubleshoot Apps for the Modern Connected Worker

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Unblocking The Main Thread Solving ANRs and Frozen Frames

The Codex of Business Writing Software for Real-World Solutions 2.pptx

How to Remove Document Management Hurdles with X-Docs?

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Benefits Of Flutter Compared To Other Frameworks

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Factors to Consider When Choosing Accounts Payable Services Providers.pptx

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

08448380779 Call Girls In Civil Lines Women Seeking Men

08448380779 Call Girls In Friends Colony Women Seeking Men

JavaScript shell scripting

1. JavaScript is everywhere #42:! C:> WSH !

2. Stoyan!

4. Programming!

5. JavaScript!

6. ... is everywhere!

7. On the server!

8. Mobile!

9. Desktop!

10. Browser extensions!

11. Photoshop!

12. Form validation too!!

13.

14. Shell scripting!

15. In Windows!

16. WSH: Windows Scripting Host!

17. C:>edit hello.js!

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!

24.

25.

26. Speed!

27. 1. Fix with YSlow !

28. 2. No regressions!

29. Monitor!

30. Set limits!

31. e.g.! max 2 scripts! max 2 styles! max 9 images! max 0 redirects!

32. Scripting HTTPWatch!

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);!

35. ie.Record();! ie.GotoUrl("yahoo.com");! http.Wait(ie, -1);! ie.Stop();! ! ie.CloseBrowser();!

36. new HTTPWatch() http://github.com/stoyan/etc/!

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!

52. Thanks!! phpied.com!